在显示网站之前对所有图像进行收费[重复]答案

【问题标题】：Charge all the images before displaying the website [duplicate]在显示网站之前对所有图像进行收费[重复]
【发布时间】：2015-05-13 11:53:13
【问题描述】：

我知道这个问题在这里被问了很多次，但我的情况有点不同。即使图像没有显示或在代码中，我也希望加载图像。我有这样的事情：

HTML

<div id="gallery">
    <div class="photo></div>    
</div>

<div id="thumbnails>
    <div class="thumb"></div>
    <div class="thumb"></div>
    <div class="thumb"></div>
    <div class="thumb"></div>
</div>

jQuery

$('.thumb:nth-of-type(1)').click(function(){
    $('.photo').css('background','url(css/img/1.jpg)');
});

$('.thumb:nth-of-type(2)').click(function(){
    $('.photo').css('background','url(css/img/2.jpg)');
});

$('.thumb:nth-of-type(3)').click(function(){
    $('.photo').css('background','url(css/img/3.jpg)');
});

$('.thumb:nth-of-type(4)').click(function(){
    $('.photo').css('background','url(css/img/4.jpg)');
});

我知道这样做不是最好的，但对我来说这是最简单的。问题是，当我点击照片时，它会发生变化，但需要一段时间才能加载，而且看起来很糟糕。有没有办法加载图像，即使它们还没有出现在页面/代码上？

【问题讨论】：

您的情况有何不同？ stackoverflow.com/questions/476679/…
所有那些我不明白的难事。我只是想知道一个简单的方法来实现这一点。
如果有一个简单的方法，你看到的答案就会很简单。
这不是重复的
我知道，这里的人有时太粗鲁和不友好

标签： jquery html css

【解决方案1】：

放多个

<div class="photo"></div>

为活动背景添加一个“活动”类，并在加载页面时加载 bckgnd。

然后只需将“活动”类从一张照片更改为另一张。

【讨论】：