我首页上的滑块有自己的想法,并且很少在我第一次访问网站时正确加载。 http://www.dailyshowbusiness.comjQuery滑块无法加载首页加载?
滑块应该有一个大的图像与下面的3个较小的(选择)图像,通常当我键入域,然后按回车,我可以看到的是3个较小的图像,但不是主图像。
现在,如果我点击另一个页面,然后单击家中插件正确加载。
为什么不是第一次加载。有任何想法吗?
谢谢。
我首页上的滑块有自己的想法,并且很少在我第一次访问网站时正确加载。 http://www.dailyshowbusiness.comjQuery滑块无法加载首页加载?
滑块应该有一个大的图像与下面的3个较小的(选择)图像,通常当我键入域,然后按回车,我可以看到的是3个较小的图像,但不是主图像。
现在,如果我点击另一个页面,然后单击家中插件正确加载。
为什么不是第一次加载。有任何想法吗?
谢谢。
在这个文件中http://www.dailyshowbusiness.com/addons/shared_addons/themes/dailyshowbiz/js/scripts.js
1号线
尝试设置一个固定的高度滑块(500像素)或致电window.load
该功能。
问题是:当图像尚未加载时,插件设置为height = 0px
,所以根本看不到它。
将这个代码在文档准备功能
$(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
});
});
我已经在$(document).ready(function(){}中试过了,但它仍然不时启动,上面的(window).load方法似乎工作得更好,但是有很多你可以看到列表样式,当它第一次加载,1秒后消失。 – Goodbytes
谢谢你,我不知道如何设置插件的高度?所以我试图你的$(窗口).load(函数(){}方法,这似乎工作,但现在有一个明显的延迟,当插件加载,这只是简单的,但如果你重置页面,你可以看到列表样式子弹,他们很快就会消失,但它不是理想的 – Goodbytes
添加'css' this:'ul#carousel {list-style:none}'删除子弹。这只是一个小小的修复,因为插件本身有问题:) –
doh!哦是的..谢谢你现在看起来好多了。 – Goodbytes