Chrome图片滑块问题

Question

我正在处理这个问题page当您加载到Google Chrome上时，您只能看到滑块上1/9的图像。它在刷新时或有时在初始加载时发生。它在其他所有浏览器上都表现得很好。有关如何使其完全加载的任何建议。功能如下所示。

<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

您的问题位于带有“slides_control”类的div中，似乎内联高度定义为19px。如果您动态更改此高度值，一种解决方案是将其从内联样式中删除。

编辑：删除它实际上不起作用，您应该将其设置为更理想的高度。当我删除它时，没有任何图像可见。看起来你可能有一个动态改变这个div的高度的问题，因为它似乎偶尔会失败。

编辑2：特别是在正确渲染时，它的高度应为466px。

编辑3：我还注意到你的loading.gif无法加载。这可能是你的插件无法正确初始化的根本原因。只是一个想法，因为我从来没有真正使用过这个特定的插件。