Jquery循环淡入淡出转换在IE中不起作用
我对StackOverflow是新手,所以我希望每个人都能容忍我。我是一名网站设计师,对Jquery有一定的经验,但我承认我对它不是很在行。我主要使用插件,必要时可以对代码进行一些修改 我目前正在一个摄影网站上工作,该网站使用液体布局。我在主页上加入了Jquery cycle插件来帮助展示照片。我最初对插件有问题,因为它使用了很多绝对定位。我在研究这个问题时发现了一些代码,借助这些代码我最终解决了这些问题(我丢失了找到代码的网站,所以如果有人认识到了,我很乐意给予表扬) 我现在已经让页面工作得很好了,除了一个问题——IE不会生成淡入淡出过渡。它将显示第一个图像,清空整个屏幕,然后显示下一个图像。我花了几个小时研究这个问题,还没有找到解决办法。我确实在一个论坛上发现有人建议在自行车元素中增加固定的高度和宽度,但这个建议对我不起作用。它确实使图像淡入,但是它们消失了,在下一个图像消失之前再次创建空白屏幕。 在Firefox和Chrome中,淡入淡出效果完美。我目前在网站上没有淡入淡出,但供参考,以下是url: 下面是Javascript:Jquery循环淡入淡出转换在IE中不起作用,jquery,internet-explorer,cycle,fade,transition,Jquery,Internet Explorer,Cycle,Fade,Transition,我对StackOverflow是新手,所以我希望每个人都能容忍我。我是一名网站设计师,对Jquery有一定的经验,但我承认我对它不是很在行。我主要使用插件,必要时可以对代码进行一些修改 我目前正在一个摄影网站上工作,该网站使用液体布局。我在主页上加入了Jquery cycle插件来帮助展示照片。我最初对插件有问题,因为它使用了很多绝对定位。我在研究这个问题时发现了一些代码,借助这些代码我最终解决了这些问题(我丢失了找到代码的网站,所以如果有人认识到了,我很乐意给予表扬) 我现在已经让页面工作得很
SetHeightToTallestChild('.slideshow');
$(function() {
$('.slideshow').cycle({
fx: 'scrollDown',
speed: 2000,
timeout:5000,
random: 1,
cleartypeNoBg:true
});
});
$(window).resize(function() {
SetHeightToTallestChild('.slideshow');
});
});
function SetHeightToTallestChild(i) {
var tallest = 0;
$(i).children().each(function(){
var h = $(this).height();
if(h > tallest)
tallest = h;
});
$(i).height(tallest);
}
HTML:
在
将外汇部分更改为
fx: 'fade',
IE 8不支持透明PNG的褪色。IE 9做得很好 您需要创建一个
if
语句并检测不透明度支持:
if(!jquery.support.opacity) {
// run IE slideshow
} else {
// run slideshow for browsers that support opacity
}
我已经做到了。它现在处于“向下滚动”状态,因为它不会在IE中出现故障。
$(function() {
$('.slideshow').cycle({
fx: 'scrollDown',
speed: 2000,
timeout:5000,
random: 1,
cleartypeNoBg:true
});
});
fx: 'fade',
if(!jquery.support.opacity) {
// run IE slideshow
} else {
// run slideshow for browsers that support opacity
}