改进搜索div属性的每一个悬停事件与jquery

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，它搜索一个效果"右，左，底，顶"应用到div，然后搜索gal的类型，并改变它的图像作为存储在相应数组中的其他图像的值

因此，我认为为了改进代码，我将创建一个包含每个div值的字典，而不是应用

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

每次用户悬停时…

是否有一种方法来改进代码，我也想知道它是好的等待，直到所有的图像加载或什么?这里是小提琴

Answer 1

你可以把图片放到一个div中，并在css中设置div的prop为:position: absolute;左:-5000 px;

HTML:

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

Css:

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

还有很多其他方法:你可以用Jquery捕获所有的img然后在dom准备好后把它们放到div中