0

私はこれに苦労しています、多分あなたの何人かが助けることができます...

  • jQuery Cycleプラグインを使用して、www.theoribeiro.comに大きな画像を含むホームページのスライドショーがあります

  • 画像が大きく、接続が遅い場合があります (ただし、高速の場合でも) スライドショーの開始の動作はかなり見苦しく、画像が突然表示されたり、半分ロードされたりします。

  • スライドショーが開始される前に、少なくとも 2 つまたは 3 つの最初の画像が読み込まれていることを確認したいのですが、その間に読み込み中のアニメーション gif を実行してから、最初の画像をフェードインしたいと考えています。

私はインターネットやフォーラムで多くのことを検索し、javascript と jQuery の限られた知識で多くのことを試しましたが、解決策を思いつくことができませんでした.

どんな助けでも大歓迎です!!!

4

1 に答える 1

1

画像をロードするまで、Cycle プラグインを初期化しないでください。このようなプリロード スクリプトを使用します。プラグイン。画像は既にキャッシュにあるため、画像が半分表示されても問題はありません。デフォルトでは、ロード中の画像を表示し、Cycle プラグインを初期化すると非表示にします。

// 最初のコメントへの応答

http://plugins.jquery.com/project/ImageLoaderのようなプラグインを使用し、PHP を使用して JavaScript を生成できます。例えば：

$("#slideShow").imageLoader({
   images: [
    <?php
        // You can populate this array from readin a directory or manually it is your choice.
        $images = array('1.jpg', '2.jpg');
        $l = count($images);
        for(int $i=1; $i<$l; $i++) {
            echo ($i>0 ? ',' : '') . "{src: '" . $v . "'}";
        }
    ?>
    ]}, function () {
        $('#slideShow').cycle();
    });
于 2010-04-06T19:42:04.390 に答える