Chrome 图片滑块问题答案

【问题标题】：Chrome Image slider issueChrome 图片滑块问题
【发布时间】：2023-03-31 18:38:01
【问题描述】：

我正在处理这个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>

【问题讨论】：

标签： javascript jquery jquery-plugins slider jquery-ui-slider

【解决方案1】：

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

.slides_control{
  min-height:466px;
}

【讨论】：

看起来那行代码起到了神奇的作用。你从哪里得到 _control 的？
这是所有imgs的div容器，可能是由slides插件动态创建的。很高兴帮助干杯
感谢您为我的答案编码 :)

【解决方案2】：

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

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

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

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

【讨论】：