Question

我有几个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，它搜索效果“right，left，bottom，top”以应用于div，然后搜索gal的类型，并将其拥有的图像更改为存储的其他图像的值在相应的数组

所以，我想改进代码，我会用每个div的值创建一个字典，而不是应用

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

每次用户徘徊......

有没有办法改进代码，我也想知道等待所有图像加载或其他什么是好的吗？ here is the fiddle

Answer 1

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

HTML：

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

的CSS：

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

还有其他方法：您可以使用Jquery捕获所有img，并在dom准备就绪时将它们放入div中

使用jquery改进每个悬停事件搜索div属性

1 个答案: