0

私はこれを持っています:

<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="#">&nbsp;</a>'; 
        }
});
});

そしてそれはこのようなHTMLマークアップを作ります:

 <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">&nbsp;</a>
   <a href="#" class="dot">&nbsp;</a>
   <a href="#" class="dot">&nbsp;</a>
</div>

Cycleオプションを変更して、「Prev」と「Next」の前に3つの「dot」クラスを移動できるようにするにはどうすればよいですか?そのような:

 <div id="slideshow-prevnext" class="slideshow-prevnext"> 
   <a href="#" class="dot">&nbsp;</a>
   <a href="#" class="dot">&nbsp;</a>
   <a href="#" class="dot">&nbsp;</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>

ありがとうございました、

4

1 に答える 1

0

http://forum.jquery.com/topic/change-jquery-cycle-plugin-code-move-pager-position

于 2011-03-22T17:17:34.610 に答える