Question

我首页上的滑块有自己的想法，当我第一次访问网站时很少正确加载。 http://www.dailyshowbusiness.com

滑块应该有1个大图像，下面有3个较小（选择）图像，通常当我输入域并按回车时我可以看到的是3个较小的图像，但不是主图像。

现在，如果我点击另一个页面，然后点击主页，插件就会正确加载。

为什么第一次没有加载。有什么想法吗？

感谢。

Answer 1

将此代码放入文档就绪函数

$(document).ready(function(){


$('#carousel').infiniteCarousel({
    transitionSpeed: 800,
    displayTime: 10000,
    displayProgressRing: false,
    progressRingColorOpacity: '0,0,0,.5',
    progressRingBackgroundOn: false,
    thumbnailType: 'images',
    easeLeft: 'linear',
    easeRight:'linear',
    imagePath: './addons/shared_addons/themes/dailyshowbiz/img/',
    inView: 1,
    margin: 0,
    advance: 1,
    customClass: 'myCarousel',
    showControls: false,
    autoHideCaptions: false,
    autoPilot: true,
    prevNextInternal: true,
    internalThumbnails: false,
    enableKeyboardNav: false
});

});

Answer 2

在此文件中http://www.dailyshowbusiness.com/addons/shared_addons/themes/dailyshowbiz/js/scripts.js
第1行尝试为滑块设置固定高度（500px）或在window.load上调用该功能。

问题是：当图像尚未加载时，插件设置为height = 0px，因此您根本看不到它。

jQuery滑块无法在第一页加载时加载？

2 个答案: