Jcarousel lite在safari和chrome中没有显示页面加载

Question

我在我的主页上使用此插件，该主页在WAMP上运行。它适用于除Safari和Google Chrome之外的所有浏览器。在那些浏览器中，当我第一次加载页面时，轮播不会显示，也不会在重新加载时显示。当我通过页面导航链接导航到主页时，它会显示出来。

任何可能导致此问题的想法？

谢谢， 杰里米

Answer 1

也有这个问题，发现通过给出显示宽度=“nn px”和height =“nn px”的图片解决了我的问题;）

Answer 2

尝试将您的图库初始化放在窗口加载函数中， 像这样：

$(window).load(function() {

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

Answer 3

我遇到了类似的问题。确保为图像提供宽度和高度。 由于某些原因，谷歌浏览器和safari不会自动获取/计算高度/宽度。

Answer 4

类似于user703735上面所说的。我发现通过强制滚动图像的高度和宽度，它会绕过jcarousel试图计算它们。我还发现它在没有值的情况下引起IE8的一些问题，所以这可能会帮助其他人有同样的问题。

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

其中XX是像素的大小。