2012-09-11 48 views
0

我首页上的滑块有自己的想法,并且很少在我第一次访问网站时正确加载。 http://www.dailyshowbusiness.comjQuery滑块无法加载首页加载?

滑块应该有一个大的图像与下面的3个较小的(选择)图像,通常当我键入域,然后按回车,我可以看到的是3个较小的图像,但不是主图像。

现在,如果我点击另一个页面,然后单击家中插件正确加载。

为什么不是第一次加载。有任何想法吗?

谢谢。

回答

0

在这个文件中http://www.dailyshowbusiness.com/addons/shared_addons/themes/dailyshowbiz/js/scripts.js
1号线
尝试设置一个固定的高度滑块(500像素)或致电window.load该功能。

问题是:当图像尚未加载时,插件设置为height = 0px,所以根本看不到它。

+0

谢谢你,我不知道如何设置插件的高度?所以我试图你的$(窗口).load(函数(){}方法,这似乎工作,但现在有一个明显的延迟,当插件加载,这只是简单的,但如果你重置页面,你可以看到列表样式子弹,他们很快就会消失,但它不是理想的 – Goodbytes

+0

添加'css' this:'ul#carousel {list-style:none}'删除子弹。这只是一个小小的修复,因为插件本身有问题:) –

+0

doh!哦是的..谢谢你现在看起来好多了。 – Goodbytes

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

}); 
+0

我已经在$(document).ready(function(){}中试过了,但它仍然不时启动,上面的(window).load方法似乎工作得更好,但是有很多你可以看到列表样式,当它第一次加载,1秒后消失。 – Goodbytes