0

ここから始めます... このページで使用されているような、非常に単純なクリック可能なスライド ショーを設定しようとしていますが、垂直ではなく水平です。

http://benhulse.com/Look-of-the-Games

このプラグインを使用しようとしています：

http://jquery.malsup.com/cycle/basic.html

彼らの基本的なスクリプトは次のとおりです。

<script type="text/javascript" src="http://cloud.github.com/downloads/malsup/cycle/jquery.cycle.all.latest.js"></script>
<script type="text/javascript">
$(document).ready(function() {
    $('.slideshow').cycle({
        fx: 'fade' // choose your transition type, ex: fade, scrollUp, shuffle, etc...
    });
});
</script>

私は jquery の初心者なので、次のデフォルト オプションをスクリプトに実装する方法がわかりません。

prevNextEvent:'click.cycle',// event which drives the manual transition to the previous or next slide

私は何の効果も望んでいません。

ありがとう！

4

2 に答える 2

0

クリックして次のスライドに進むには、次のようにします。

$(document).ready(function() {
    $('.slideshow').cycle({
        fx: 'scrollLeft' // choose your transition type, ex: fade, scrollUp, shuffle, etc...
    });
    $('.slideshow').cycle('pause');
    $(".slideshow").click(function() {
        $('.slideshow').cycle('next');
    });
});

http://jsfiddle.net/KKs2z/1/

于 2012-11-30T19:36:00.543 に答える
0

水平方向にスクロールする必要がある場合は、fx を「scrollLeft」に設定できます。

$('#slideshow').cycle({ 
fx:      'scrollLeft', 
speedIn:  2000, 
speedOut: 500, 
easeIn:  'easeInCirc', 
easeOut: 'easeOutBounce', 
delay:   -2000 
});

ありがとう

于 2012-11-30T19:25:30.890 に答える