jQuery Image Cloning Script

I recently ran into an issue at work where we have been spending countless hours making 6 and 12 bottle shots by hand in Photoshop. We would take one bottle and copy/clone it over 6 or 12 times, then save and resize the image for the web. It became so repetitive that I created a little script that would do the same thing, but only using one image and some fancy jQuery.

Here is my script:

JavaScript and jQuery

%MINIFYHTML7ed4317b8753e16db90d1c944f2866a68%%MINIFYHTML7ed4317b8753e16db90d1c944f2866a69%

CSS to float the images left:

%MINIFYHTML7ed4317b8753e16db90d1c944f2866a616%

HTML to display the images:


	

See it in action:
jQuery Bottle Clone Example

Leave a Reply