Chrome 圖片 slider 問題

Question

我正在處理此頁面，當加載到 Google chrome 時，您只能看到 slider 上圖像的 1/9。 它發生在刷新時或有時在初始加載時。 它在所有其他瀏覽器上都顯示得很好。 有關如何使其完全加載的任何建議。 function如下圖。

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

Answer 1

在我看來，腳本試圖根據圖像大小計算容器的高度，但有時會失敗，先試試這個 css

.slides_control{
  min-height:466px;
}

Answer 2

您的問題出在帶有 class“slides_control”的 div 中，它似乎有一個定義為 19px 的內聯高度。 如果您要動態更改此高度值，一種解決方案是簡單地將其從內聯樣式中刪除。

編輯：刪除它實際上不起作用，您應該將其設置為更理想的高度。 當我刪除它時，沒有任何圖像是可見的。 您似乎對如何動態更改此 div 的高度有疑問，因為它有時似乎會失敗。

編輯 2：具體來說，當渲染正確時，它的高度應該是 466px。

編輯 3：我還注意到您的 loading.gif 加載失敗。這可能是您的插件未能正確初始化的根本原因。 只是一個想法，因為我從未真正使用過這個特定的插件。