javascript - 在某些事件上加载某些图像(而不是在页面加载时)

标签 javascript jquery image performance load

JS/jQuery 中是否有一种方法可以“阻止”DOM 中某些图像的加载,直到某个事件发生为止?

就我而言,我有一个产品页面(WooCommerce 商店页面),单击产品会打开一个包含该特定产品的图片库的模式窗口。但是,我不想在页面加载时加载所有产品的图库(太慢),而是希望将图片库的加载绑定(bind)到模式窗口的打开。

我猜这不太可能,但也许有一些接近的技巧?

最佳答案

您可以在模态窗口中添加不带任何 src 属性的 img 元素,并根据产品选择更新 src 属性。

这是一个Pen展示这个想法:)

关于javascript - 在某些事件上加载某些图像(而不是在页面加载时),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34556140/

相关文章:

java - 用Java读取图像

javascript - 将水印文本更改为水印图像

javascript - 在数值循环中附加条件 (JavaScript)

c# - 动态添加元素到 jQuery Sortable

javascript - jQuery 表单验证 - 在 PreventDefault 后无法提交

jquery - 网站日历 slider

javascript - 正则表达式验证国际电话号码

javascript - Chrome扩展程序:以PDF格式在网站上打印多个页面

javascript - 悬停动画在动画结束后恢复到开始

c++ - c++和opencv生成奇怪的图片标题