1

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

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

2 回答 2

1

在我看来，脚本正在尝试根据图像大小计算容器的高度，有时会失败，先试试这个 css

.slides_control{
  min-height:466px;
}
于 2012-04-04T18:19:40.950 回答
0

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

编辑：删除它实际上不起作用，您应该将其设置为更理想的高度。当我删除它时，没有任何图像可见。您似乎对如何动态更改此 div 的高度有疑问，因为它有时似乎会失败。

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

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

于 2012-04-04T18:00:54.043 回答