jssor和显示图像的响应性

Question

我有一个jssor滑块，它使用两个图像，一个用于桌面，另一个用于移动。桌面映像使用bootstrap hidden-xs类，因此它隐藏在移动设备上

问题在于，jssor采用的是第一个图像，一个用于桌面图像并且在移动设备上看起来很糟糕（高度太短）

我希望jssor尊重hidden-xs所以它需要第二个图像

这是因为桌面和移动图片使用不同的高度

<div id="jssor1">
   <div data-u="slides">
      <div>
         <img data-u="image" src="image1" class="hidden-xs" />
         <img data-u="image" src="image2" class="hidden-sm hidden-md hidden-lg" />
      </div>

      /* more divs */

   </div>
</div>

Answer 1

请删除data-u="image"，手动设置尺寸和位置。

然后，您可以为桌面显示image1，为移动设备显示image2。

使用$ScaleSize缩放滑块，因此您可以在移动设备和桌面上将滑块缩放到不同的尺寸