Change Jquery Cycle plugin code (move Pager position) -
i have this:
<script type="text/javascript"> $(function() { $('#slideshow').after('<div id="slideshow-nav">').cycle({ fx: 'fade', timeout: 0, prev: '#prev', next: '#next', fit:1, pager: '#slideshow-prevnext', pageranchorbuilder: function(idx, slide) { return '<a class="dot" href="#"> </a>'; } }); });
and makes html markup this:
<div id="slideshow-prevnext" class="slideshow-prevnext"> <a id="prev" class="left" href="#"><span class="invisible">prev</span></a> <a id="next" class="right" href="#"><span class="invisible">next</span></a> <a href="#" class="dot"> </a> <a href="#" class="dot"> </a> <a href="#" class="dot"> </a> </div>
how can change cycle option can move 3 "dot" class before "prev" , "next"? such as:
<div id="slideshow-prevnext" class="slideshow-prevnext"> <a href="#" class="dot"> </a> <a href="#" class="dot"> </a> <a href="#" class="dot"> </a> <a id="prev" class="left" href="#"><span class="invisible">prev</span></a> <a id="next" class="right" href="#"><span class="invisible">next</span></a> </div>
thank you,
Comments
Post a Comment