Jcarousel Lite在Safari和Chrome浏览器中页面加载时无法显示

Question

我在我的主页上使用了这个插件，它运行在WAMP上。它在除Safari和Google Chrome之外的所有浏览器中都很好用。在这些浏览器中，当我第一次加载页面时，轮播图不会显示出来，也不会在我点击重新加载时出现。只有当我通过页面导航链接访问主页时，它才会显示出来。

有什么想法是什么原因造成的吗？

谢谢， Jeremy

- Jeremy

Answer 1

我也遇到了这个问题，发现给我显示的图片添加width="nn px"和height="nn px"属性解决了我的问题 ;)

- DizzyC

Answer 2

尝试将图库初始化放在窗口加载函数中，如下所示：

$(window).load(function() {

    $(".gallery").jCarouselLite({
        btnNext: ".next",
        btnPrev: ".prev",
    });
});

- Alain

Answer 3

与用户703735上面说的类似。我发现通过强制设置滚动图像的高度和宽度，可以绕过jcarousel尝试计算它们的问题。我还发现，如果没有值，在IE8中会引起一些问题，因此这可能会帮助其他遇到相同问题的人。

<li style="width: XXpx; height: XXpx;"> ... image here ... </li>

其中XX为像素大小。

- jezhug

Answer 4

我遇到了类似的问题。请确保为您的图像提供宽度和高度。由于某种原因，Google Chrome和Safari无法自动获取/计算高度/宽度。

- Udit