Custom image slider vertical 3 images only
Auto image slider vertical with thumbnail
var firstSlides = $("#slideshow-list li"), secondSlides = $("#image-list li"), nbSlides = firstSlides.length, slideTime = 3000, nextSlide = 0, timer; function slideshow() { secondSlides.eq(nextSlide).addClass('active').siblings().removeClass('active'); firstSlides.eq(nextSlide).fadeIn().delay(2000).fadeOut(); nextSlide = (nextSlide + 1) % nbSlides; timer = setTimeout(slideshow, slideTime); } slideshow(); $('#image-list li').click(function () { clearTimeout(timer); var clickIndex = $(this).index() $('#slideshow-list li').eq(clickIndex).show().siblings().hide(); }); $('#image-list').mouseleave(function (e) { $('#slideshow-list li').hide(); clearTimeout(timer); setTimeout(slideshow(), 2000); });
Custom image slider vertical 3 images only
Reviewed by Bhaumik Patel
on
7:30 PM
Rating:
