jQueryギャラリーで画像をプリロードする

私は、このギャラリーを使用したいと思います私のウェブサイトで。唯一の問題は、画像を読み込むために次へをクリックすると時間がかかることです。ユーザーが画像をクリックして拡大すると、次の2つの画像がプリロードされます。

私はこの解決策に出くわしましたが、手動でイメージ名をコーディングしていますが、イメージは動的に読み込まれます。私はそれを行うことができる他の方法はありますか?

1

4 答え

ここではシンプルな解決策があります。サムネールにクリックイベントを追加すると、サムネイルをクリックすると次の3つの画像がプリロードされます。一度あなたが個々の画像ナビゲーションにいれば、次の画像をプリロードするいくつかの方法はまだ解決しなければならないだろうが、うまくいけば、これはあなたがそこに行くことを願っている。

$("#content img").on("click",function(){//use .live instead if you are using an older version of jQuery
    var next = $(this).next();
    for (var i = 0; i < 3; i++)
    {
        var img = new Image();
        img.src = next.attr("alt");
        next = next.next();
    }
});
1
追加された
お返事をありがとうございます。これは私に未定義のエラーを与えます。
追加された 著者 input,
ちょっと微調整した後、これはうまくいった。どうもありがとう!
追加された 著者 input,
@ fuz3dクール!それを聞いてうれしい。申し訳ありませんが私はあなたの最初の投稿を見ていない...私の猫は私の上で眠りに落ち、私はすぐにスーツに従った。 O_o
追加された 著者 Joseph Marikle,

あなたが言及したソリューションを使用することができます。ギャラリーの画像の src 属性を抽出するだけです。

preload($('#gallery-images img').map(function() { return this.src; }));

これは実際に必要な配列でプリロード関数を呼び出します。

1
追加された

このギャラリーの使用をお勧めします - http://dimsemenov.com/plugins/royal-slider/gallery/ それはあなたが必要とするものを正確に行います - 近くの画像をプリロードし、どれくらいプリロードするかを設定することができます。しかし、商用で約10ドルのコストがかかることに注意してください。

1
追加された

あなたのイメージがmysqlに格納されている場合は、イメージ名のSQLクエリからjsonエンコードを追加して見つけたソリューションを使用できます。事前ロードのために情報をjQueryに渡す

  require_once('JSON.php');
  $json = new Services_JSON();
  $out = $json->encode($query)
0
追加された
JavaScript - 日本のコミュニティ
JavaScript - 日本のコミュニティ
2 参加者の

日本人コミュニティのjavascript