光滑的图像不会在手机上延迟

时间:2018-07-17 00:25:13

标签: jquery bigcommerce slick.js

我无法在Stencil-BigCommerce-Cornerstone内部实现的圆滑转盘中正确显示图像(在移动设备上)

这是我在幻灯片项中的html

<img class="heroCarousel-image" data-lazy="{{image}}">

在移动设备上,它解析为(中断)

<img class="heroCarousel-image slick-lazyload-error">

在桌面上解析为(工作正常)

<img class="heroCarousel-image"src="https://cdn7.bigcommerce.com/s-xba1p2i5uz/product_images/theme_images/test__27657.png?t=1527105144">

我想知道您是否可以想到src无法在平板电脑上解析的任何原因。

  

如果我不在页面上但在页面加载后也将其切换到该页面,则当我加载移动设备时,它就会起作用。...很奇怪

  • 在页面加载未做任何更改后,我尝试以一种光滑的方式初始化。
  • 我试图在页面加载后2秒钟触发调整大小事件(结果相同)
  • 我试图关闭延迟加载,但是没有任何大小的图像(可能与Url参数有关-参见上文)

0 个答案:

没有答案