Tuesday, January 20, 2015

jquery slideshow

RESPONSIVE IMAGE GALLERY WITH THUMBNAIL CAROUSEL


Everyone asking for the thumbnails below the image, it was answered several times in the comments.
“change this line
$(‘#img-wrapper-tmpl’).tmpl( {itemsCount : itemsCount} ).appendTo( $rgGallery );
to
$(‘#img-wrapper-tmpl’).tmpl( {itemsCount : itemsCount} ).prependTo( $rgGallery );”
Now, does anyone know how we could add autoplay to the slideshow?


Hi all,
I’ve seen many time people ask if it’s possible to have an automatic slideshow.
I wanted the same thing and I find a way to do it.
In the file gallery.js, in the function _initCarousel add these lines after $esCarousel.elastislide( ‘setCurrent’, current ); (~ line 103) :
window.setInterval(function(){
_navigate( ‘right’ );
}, 5000);
You just have to change 5000 to the value you want.

Related Posts:

  • jQuery Effects How to create fly to cart / basket effect using jQuery and CSS http://www.phpgang.com/how-to-create-fly-to-cart-basket-effect-using-jquery-and-css_6… Read More
  • jquery slideshow RESPONSIVE IMAGE GALLERY WITH THUMBNAIL CAROUSEL http://tympanus.net/codrops/2011/09/20/responsive-image-gallery/ Everyone asking for the thu… Read More

0 comments:

Popular Posts

Recent Posts

Unordered List

Text Widget