New Post has been published on Html Use
New Post has been published on http://www.htmluse.com/imgwheel-repository-for-the-imgwheel/
ImgWheel - Repository for the ImgWheel
Download Demo
ImgWheel is an animated, endless, responsive slideshow that has the capability to display content related to your slideshow images as they appear. It has several options for how images are scrolled through, direction, speed, vertical alignment of images, and placement of the related content.
1. INCLUDE JS FILES
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6/jquery.min.js"></script> <script src="jquery.ImgWheel.min.js"></script>
2. HTML
<div id="my-slideshow"> <div class="image-container"> <img src="Image_1.jpg" /> <img src="Image_2.jpg" /> <img src="Image_3.jpg" /> <img src="Image_4.jpg" /> <img src="Image_5.jpg" /> <!--Include as many images as you'd like!--> </div> <div class="article-container"> <article><!--Content displayed when Image_1.jpg is central--></article> <article><!--Content displayed when Image_2.jpg is central--></article> <article><!--Content displayed when Image_3.jpg is central--></article> <article><!--Content displayed when Image_4.jpg is central--></article> <article><!--Content displayed when Image_5.jpg is central--></article> <!--Include as many articles as there are images in the .image-container--> </div> </div>
3. JAVASCRIPT
$('#my-slideshow').ImgWheel();