自适应旋转木马html

Question

我在每张幻灯片上都有一个带有多个图像的旋转木马，但我希望在手机上查看时只有一个图像，屏幕变大时会有更多图像。有没有办法做到这一点？

Answer 1

您可以使用slick carousel来做到这一点。

第三个演示会帮助你。

Answer 2

您可以使用以下代码检测iphone： ，而不是添加要在iPhone上查看的静态图像。

function isiPhone(){ 
     return (
      (navigator.platform.indexOf("iPhone") != -1) || 
      (navigator.platform.indexOf("iPod") != -1) 
     ); 
    } 
    if(isiPhone()){ 
     // add static image code 
     alert('iPhone detected'); 
    }