0

<a href=""サイクル スライド NAME へのリンクに jQuery .cycle() プラグインを設定する方法を教えてください。例。

<div id="slides">
<div name="slide_blue"> content of slide name slide_blue</div>
<div name="slide_red"> content of slide name slide_red</div>
</div>

そして私は創造的なリンクが必要です:

<a href=".cycle() to div name slide_blue">Blue<a>
<a href=".cycle() to div name slide_red">Red<a>

jQueryの設定例

$("#slides").cycle({
fx: 'ScrollHorz'
});

セットスライドサイクル名のリンクを作成するのを手伝ってもらえますか?

4

1 に答える 1

1

ライブデモ && コード

次のように、必要に応じて変更します。

<div id="slides">
<div name="slide_blue"> content of slide name slide_blue</div>
<div name="slide_red"> content of slide name slide_red</div>
<div name="slide_yellow"> content of slide name slide_yellow</div>
</div>

<div>
    <a href=".cycle() to div name slide_blue" class="slide_blue">Blue<a>
    <a href=".cycle() to div name slide_red" class="slide_red">Red<a>
    <a href=".cycle() to div name slide_yellow" class="slide_yellow">Yellow<a>
</div>

<script>
(function() {

    $("#slides").cycle({
       fx: 'scrollRight'
    });

    var cycleTo = function() {
        var className = $(this).attr('class');
        var divSelected = $('#slides div[name='+className+']');
        var slideIndex = $('#slides div').index(divSelected);
        $('#slides').cycle(slideIndex); 
        return false; 
    }

    $('div a').click(cycleTo); 

}())
</script>
于 2013-04-21T08:41:29.657 に答える