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图像滑块问题

回答

相关问题