JS / jQuery中是否有一种方法可以“阻止”DOM中某些图像的加载,直到某个事件发生?
就我而言,我有一个产品页面(WooCommerce Shop页面),点击产品会打开一个包含该特定产品图库的模态窗口。但是,我没有在页面加载(太慢)上加载所有产品的图库,而是想将图像库的加载绑定到模态窗口的开头。
我猜这不太可能,但也许有一些技巧可以接近?
答案 0 :(得分:1)
您可以在模态窗口中添加img
元素而不添加任何src
属性,并根据产品选择更新src
属性。
这是展示这个想法的Pen:)
答案 1 :(得分:0)
实现相同最终结果的令人满意的方法是破坏图像的src
属性,然后使用JS恢复此属性。
发现于https://stackoverflow.com/a/5402812/871404(也感谢@arkantos!)