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

%MINIFYHTMLd3a3cd54ea603854fd55a8cb2b241dd98%%MINIFYHTMLd3a3cd54ea603854fd55a8cb2b241dd99%

CSS to float the images left:

%MINIFYHTMLd3a3cd54ea603854fd55a8cb2b241dd916%

HTML to display the images:


	

See it in action:
jQuery Bottle Clone Example

Leave a Reply