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

Posted 2023-05-07

【中文标题】在显示网站之前对所有图像进行收费[重复]

【英文标题】：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)');
);

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

【问题讨论】：

您的情况有何不同？ ***.com/questions/476679/…

所有那些我不明白的难事。我只是想知道一个简单的方法来实现这一点。

如果有一个简单的方法，你看到的答案就会很简单。

这不是重复的

我知道，这里的人有时太粗鲁和不友好

【参考方案1】：

放多个

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

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

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