Pages

Monday, March 25, 2013

Cycle slider with Previous - next effect - resolved


<script type="text/javascript" src="js/jquery.easing.1.3.js"></script>
<script type="text/javascript" src="js/jquery.cycle.all.js"></script>

<script type="text/javascript">
$(document).ready(function() {
    $('.slideshow').cycle({ 
    fx:     'scrollRight', 
    speed:  'fast', 
 next:   '#next2', 
    prev:   '#prev2',
 timeout:       0, 
 pause:         1,     // true to enable "pause on hover" 
    pauseOnPagerHover: 1,
    pager:  '#navNew', 
    pagerAnchorBuilder: function(idx, slide) { 
        // return selector string for existing anchor 
        return '#navNew li:eq(' + idx + ') a'; 
    } 
});
});
</script>

No comments: