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

时间:2016-01-01 12:29:06

标签: javascript jquery image performance load

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

就我而言,我有一个产品页面(WooCommerce Shop页面),点击产品会打开一个包含该特定产品图库的模态窗口。但是,我没有在页面加载(太慢)上加载所有产品的图库,而是想将图像库的加载绑定到模态窗口的开头。

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

2 个答案:

答案 0 :(得分:1)

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

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

答案 1 :(得分:0)

实现相同最终结果的令人满意的方法是破坏图像的src属性,然后使用JS恢复此属性。

发现于https://stackoverflow.com/a/5402812/871404(也感谢@arkantos!)