0

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

滑块应该有 1 个大图像和下面 3 个较小的（选择）图像，通常当我输入域并按 Enter 时，我只能看到 3 个较小的图像，而不是主图像。

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

为什么第一次加载不出来。有任何想法吗？

谢谢。

4

2 回答 2

0

将此代码放入文档准备功能

$(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
});

});
于 2012-09-11T07:41:24.190 回答
0

在这个文件http://www.dailyshowbusiness.com/addons/shared_addons/themes/dailyshowbiz/js/scripts.js
第 1 行
尝试为滑块设置一个固定高度（500 像素）或调用该函数window.load。

问题是：当图像还没有加载时，插件设置height = 0px所以你根本看不到它。

于 2012-09-11T07:42:36.670 回答