javascript - 使用 Javascript 预加载图像

标签 javascript

我正在使用 Javascript 为我的网站 (ASP.NET) 制作一个简单的图像查看器栏,我每次显示 3 张图片,用户可以使用两个按钮转到下一张或上一张图片,当用户将鼠标悬停时也是如此在每张图片上,所选图像的放大版本显示在单独的 DIV 上。

唯一的问题是,当用户在选定的时间内浏览图像时,在显示大图像之前会有延迟(因为大图像是第一次加载)。我怎么解决这个问题?有什么方法可以让我最初加载所有大图像(当然它们不应该是可见的)我有什么选择?

有什么方法可以完全使用 javascript 来实现吗?我不想使用 jQuery

最佳答案

像这样在正文末尾创建一个元素 <div id="preload">将此 div 设置为 display:none并将图像放入其中。现在,当您使用您的图库时,应该不会有延迟。

关于javascript - 使用 Javascript 预加载图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8615230/

相关文章:

javascript - 用键盘控制 JavaScript 幻灯片

javascript - 为 getter 提供默认值,而不会导致 Angular 2 模型类中的堆栈溢出

javascript - 将属性从 `<a>` 传递给函数

javascript - 将大文件存储在 chromecast 内存中

javascript:获取结束键值?

javascript - 获取 django 模板中对象的模型名称

javascript - 删除后面的字符

javascript - 更改聊天中通过 javascript 动态创建的图像的标题

javascript - 无法使用 Nest CLI 创建新项目

javascript - 检查在 jQuery 中选中的所有复选框