Chrome圖像滑塊問題

我正在研究這個page當你在谷歌瀏覽器上加載時，你只能看到滑塊上圖像的1/9。它發生在刷新或有時在初始加載時。它在每個其他瀏覽器上都很好地顯示。有關如何使其完全加載的任何建議。該功能如下所示。Chrome圖像滑塊問題

<script type="text/javascript"> 
     $(function(){ 
      $('#slides').slides({ 
       preload: true, 
       preloadImage: 'img/loading.gif', 
       play: 5000, 
       pause: 4000, 
       hoverPause: true 
      }); 
     }); 
    </script>

來源

2012-04-04 Dz.slick

在我看來，該腳本試圖計算基於圖像尺寸的容器的高度，有時失敗，試試這個CSS第一

.slides_control{ 
    min-height:466px; 
}

來源

2012-04-04 18:19:40

看來該行代碼所做的魔力。你從哪裏得到_control？ – 2012-04-04 18:50:24

這是所有imgs的div容器，可能是由幻燈片插件動態創建的。很高興幫助乾杯 – 2012-04-04 18:58:36

感謝您編碼我的答案:) – Jlange 2012-04-04 19:03:14

你的問題存在於類「slides_control」的div中，它似乎有一個19px定義的內聯高度。如果您動態更改此高度值，一種解決方案是將其從聯機樣式中簡單地移除。

編輯：刪除它實際上並沒有工作，你應該把它設置到更理想的高度。當我刪除它時，沒有任何圖像可見。看起來你可能在動態改變這個div的高度方面存在問題，因爲它有時會失敗。

編輯2：特別是當正確渲染時，它應該是466px的高度。

編輯3：我也注意到你的loading.gif無法加載。這可能是你的插件未能正確初始化的根本原因。只是一個想法，因爲我從來沒有真正使用過這個特定的插件。

來源

2012-04-04 18:00:54 Jlange

Chrome圖像滑塊問題

回答

相關問題