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>

另外我有一个 jquery，它根据 div 搜索一个效果“右、左、下、上”以应用于 div，然后搜索 gal 的类型，并将其具有的图像更改为存储在相应数组中的其他图像的值

所以，我认为为了改进代码，我会用每个 div 的值制作一个字典，而不是应用

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

每次用户悬停...

有没有办法改进代码，我也想知道等到所有图像都加载好还是什么？这是小提琴

4

1 回答 1

1

您可以通过将图像放入 div 并将 div 在 css 中的 prop 设置为： position: absolute; 来加载图像。左：-5000px；

HTML：

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

CSS：

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

And there alot other way to: you can catch all img with Jquery and put them in the div when dom is ready

于 2013-03-12T19:05:25.747 回答