Breaking News

Merging image boxes with jquery

Share on Google Plus

Merging image boxes with jquery

Today we will show you a nice effect for images with jQuery. The idea is to have a set of rotated thumbnails that, once clicked, animate to form the selected image. You can navigate through the images with previous and next buttons and when the big image gets clicked it will scatter.

All images will arrange on a page like the above image. And on clicking of any thumbnail a large image of thumbnail will appear.

Download complete code
Include jquery and css into  <head> section of your page your page
<link rel="stylesheet" href="css/style.css" type="text/css" media="screen"/>
                                <script src="js/cufon-yui.js" type="text/javascript"></script>
                                <script src="js/ChunkFive_400.font.js" type="text/javascript"></script>

After downloading the folder create images/thumbs  folder into main folder with your images.

Above code is functional. If you find any problem in applying this, please contact us.
Visit our website

You Might Also Like


Our Logo

Our Logo
Tech Hunters

Like us on Facebook