0

Twitter Bootsrap 構造内で次の jQuery .cycle プラグインを使用しています。これは、nav を div クラスとしても使用します。div の名前として #nav を使用せずにこれを実行するにはどうすればよいですか?

ありがとうインターネットの人々。

ジョーイ

<style type="text/css">
#slideshow { left: 20px }
#nav { width: 100%; height: 80px; margin: 15px;  }
#nav li { width: 50px; float: left; margin: 8px; list-style: none }
#nav a { width: 50px; padding: 3px; display: block; border: 1px solid #ccc; }
#nav li.activeSlide a { background: #88f }
#nav a:focus { outline: none; }
#nav img { border: none; display: block }
</style>

<!--<script type="text/javascript" src="http://malsup.github.com/chili-1.7.pack.js"></script>-->
<script type="text/javascript" src="http://malsup.github.com/jquery.cycle.all.js"></script>
<!--<script type="text/javascript" src="http://malsup.github.com/jquery.easing.1.3.js"></script>-->
<script type="text/javascript">
$(function() {
    $('#slideshow').before('<ul id="nav">').cycle({
        fx:     'fade',
        speed:  'fast',
        timeout: 0,
        pager:  '#nav',
        pagerAnchorBuilder: function(idx, slide) {
            return '<li><a href="#"><img src="' + slide.src + '" width="50" height="50" /></a></li>';
        }
    });
});
</script>

<div id="slideshow" class="pics">
    <img src="http://cloud.github.com/downloads/malsup/cycle/beach1.jpg" width="200" height="200" />
    <img src="http://cloud.github.com/downloads/malsup/cycle/beach2.jpg" width="200" height="200" />
    <img src="http://cloud.github.com/downloads/malsup/cycle/beach3.jpg" width="200" height="200" />
    <img src="http://cloud.github.com/downloads/malsup/cycle/beach4.jpg" width="200" height="200" />
    <img src="http://cloud.github.com/downloads/malsup/cycle/beach5.jpg" width="200" height="200" />
    <img src="http://cloud.github.com/downloads/malsup/cycle/beach6.jpg" width="200" height="200" />
    <img src="http://cloud.github.com/downloads/malsup/cycle/beach7.jpg" width="200" height="200" />
    <img src="http://cloud.github.com/downloads/malsup/cycle/beach8.jpg" width="200" height="200" />
</div>
4

1 に答える 1

0

オプションでページャーのセレクターを定義するため、任意の ID を指定できます。navサイクル css と初期化コードのすべてのインスタンスを別のものに変更するだけです。

于 2012-10-31T02:56:16.880 に答える