Jquery Cycle Help

Question

Jqueryサイクルプラグインを使用しています。

基本フェードでうまく動作します。しかし、素晴らしいフェード遷移を維持しながら、ページ上のすべての画像を同時に保持する代わりに、JavaScriptを使用して画像をロードする方法を知りたいと思います。

ユーザーはjavascriptのは、彼らが唯一の代わりに画像のスタックの一つの画像が表示されますオンになっていない場合、これはそうです。

ありがとうございます！

Answer 1

すべては作者自身がhereを説明しました。

必要なJSのbried要約：

<script type="text/javascript"> 

    var stack = []; 

    // preload images into an array; we will preload beach3.jpg - beach8.jpg 
    for (var i = 3; i < 9; i++) { 
     var img = new Image(200,200); 
     img.src = 'images/beach' + i + '.jpg'; 
     $(img).bind('load', function() { 
      stack.push(this); 
     }); 
    } 

    // start slideshow 
    $('#slideshow').cycle({ 
     timeout: 2000, 
     before: onBefore 
    }); 

    // add images to slideshow 
    function onBefore(curr, next, opts) { 
     if (opts.addSlide) // <-- important! 
      while(stack.length) 
       opts.addSlide(stack.pop()); 
    }; 

</script> 

Answer 2

私はこれがで設定された第1の画像以外の全てを持っているやり方「スタイル= '表示：なし;」。サイクルプラグインが実行され、そのイメージが選択されると、これが変更されます。 javascriptが有効になっていないと、ユーザーは追加の画像を見ることはありません。これは単純ですが、ページにはJavaScriptが有効かどうかを読み込むのに時間がかかります。あなたがページの読み込み時間を減らすことを望んでいるなら、画像がたくさんあるときは、おそらく@ redsquareの答えが良いでしょう。