javascript - Move my slider thumbnails as new slide comes into view -
script: jquery cycle slider: http://jquery.malsup.com/cycle/
i'm using following code move slider thumbnails container left "130px" before next slide comes view. margin reset "0px" when last slide reached. works well, container not shift until third slide.
this code i'm using:
function onbefore(currelement, nextelement, opts, isfoward) { var currentslide = opts.currslide + 1; if(currentslide == opts.slidecount) { jquery(".slider-nav").animate({marginleft: '0'}); } else if(currentslide > 1 && currentslide != opts.slidecount) { jquery(".slider-nav").animate({marginleft: '-=133'}); } }
how can have shift once second slide comes view. note: replacing "> 1" in code above "> 0" shifts container page loads.
i'm not sure of context in function called. think want following code:
function onbefore(currelement, nextelement, opts, isfoward) { if(opts.currslide == opts.slidecount) { jquery(".slider-nav").animate({marginleft: '0'}); } else { jquery(".slider-nav").animate({marginleft: '-=133'}); } }
if doesn't work may because first slide (slidecount = 0) instead of (slidecount = 1). if change if test to:
if(opts.currslide == (opts.slidecount - 1)) {
regards neil
Comments
Post a Comment