Thanks for sharing.
I have tried your post successively from step 1 to 8.
Step 9 is a smooth animation of flower pictures.
I have tried to animate it using Manipulate and to export it as embedded CDF.
Here is my trial web page in Japanese.
http://mmays.hatenablog.com/entry/2015/02/20/183838
My script uses a public folder of Dropbox.
<script type="text/javascript" src="http://www.wolfram.com/cdf-player/plugin/v2.1/cdfplugin.js"></script>
<script type="text/javascript">
var cdf = new cdfplugin();
cdf.setDefaultContent('<a href="http://www.wolfram.com/cdf-player/"><img src="https://dl.dropboxusercontent.com/u/101591086/cdf-manip/Manipulate-web.png"></a>');
cdf.embed('https://dl.dropboxusercontent.com/u/101591086/cdf-manip/Manipulate-web.cdf', 391, 367);
</script>
Pictures do not move smoothly. Woud you give me a suggestion to improve my program ?
Yoshihiro Sato
Attachments: