featured
Merging image boxes with jquery
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 www.bel-technology.com
0 comments