我正在使用 Javascript 为我的网站 (ASP.NET) 制作一个简单的图像查看器栏,我每次显示 3 张图片,用户可以使用两个按钮转到下一张或上一张图片,当用户将鼠标悬停时也是如此在每张图片上,所选图像的放大版本显示在单独的 DIV 上。
唯一的问题是,当用户在选定的时间内浏览图像时,在显示大图像之前会有延迟(因为大图像是第一次加载)。我怎么解决这个问题?有什么方法可以让我最初加载所有大图像(当然它们不应该是可见的)我有什么选择?
有什么方法可以完全使用 javascript 来实现吗?我不想使用 jQuery
最佳答案
像这样在正文末尾创建一个元素 <div id="preload">
将此 div 设置为 display:none
并将图像放入其中。现在,当您使用您的图库时,应该不会有延迟。
关于javascript - 使用 Javascript 预加载图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8615230/