自適應旋轉木馬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'); 
    }