1

次のようないくつかのdivがあります。

<section class="card-container">
    <div class="card over" data-direction="right" gal="gal1">
        <div class="front">
                <h2>yellow flowers</h2>
                <h4>(Right)</h4>
        </div>
        <div class="back">
            <img src="http://images.fanpop.com/images/image_uploads/Flower-Wallpaper-flowers-249398_1693_1413.jpg"
            width="100%;" height="100%;" alt="" />
        </div>
    </div>
</section>

また、divに応じて「右、左、下、上」の効果を検索してdivに適用し、ギャルのタイプを検索し、対応する配列に格納されている他の画像の値として画像を変更するjqueryがあります

したがって、コードを改善するには、適用する代わりに、各 div の値を含む辞書を作成すると思います

img = $(this).find('img');

ユーザーがホバリングするたびに...

コードを改善する方法はありますか?また、すべての画像が読み込まれるまで待つのが良いのでしょうか? ここにフィドルがあります

4

1 に答える 1

1

画像を div に配置し、css で div の prop を次のように設定することで、読み込み時に画像を読み込むことができます。左: -5000px;

HTML:

<div id="allimages"><img 1><img 2> etc.. </div>

CSS:

#allimages {
  postion: absolute;
  left: -5000px;
}

他にも多くの方法があります。Jqueryですべてのimgをキャッチし、domの準備ができたらそれらをdivに入れることができます

于 2013-03-12T19:05:25.747 に答える