1

それは私が達成しようとしていることとほぼ同じです。各画像を異なるトランジション効果で表示させるため。

コードの何が問題になっているのかを修正して理解するのを手伝ってもらえますか?

jQuery:

var url = 'http://www.mywebsite.com/';
var img_dir = '_img/slideshow/';
var fx =
    [
    'blindX', 
    'blindY', 
    'blindZ', 
    'cover', 
    'curtainX', 
    'curtainY', 
    'fade', 
    'fadeZoom', 
    'growX', 
    'growY', 
    'scrollUp', 
    'scrollDown', 
    'scrollLeft', 
    'scrollRight', 
    'scrollHorz', 
    'scrollVert', 
    'shuffle', 
    'slideX', 
    'slideY', 
    'toss', 
    'turnUp', 
    'turnDown', 
    'turnLeft', 
    'turnRight', 
    'uncover', 
    'wipe', 
    'zoom'
    ];
var index = 0;

$(function() {
    var $slideshow = $('#slideshow'); 
    // add slides to slideshow (images 2-3) 
    for (var i = 2; i < 13; i++) 
        $slideshow.append(
            '<a href="' + url + img_dir + i+'.jpg" title="Slideshow">'+
                //src="http://www.mywebsite.com/_img/slideshow/"
            '<img src="' + url + img_dir + i+'.jpg" width="100" height="100" />'+
            '</a>'); 
    // start the slideshow 
    $slideshow.cycle(
    {
        if( index < fx.length ) { index++; }
        else { index = 0; }
        fx:      fx[index],
        timeout: 3000
    });
});
4

1 に答える 1

4

すべての効果を使用するのは非常に簡単です。

http://jsfiddle.net/lucuma/tcRCj/14/

$('#slideshow').cycle({fx:'all'});​

さらに、特定のものを指定したいだけの場合:

$('#slideshow').cycle({fx:'scrollDown,scrollLeft,fade'});

また、エフェクトの順序をランダム化したくない場合(デフォルトではランダム化されます):

$('#slideshow').cycle({fx:'scrollDown,scrollLeft,fade', randomizeEffects:0});
于 2012-06-14T01:38:39.003 に答える