IE浏览器中的jquery循环幻灯片放映并未淡出

时间:2011-01-29 01:45:36

标签: jquery sifr jquery-cycle sifr3

这是疯狂的弗兰肯斯坦碰撞jquery循环,sIFR3和其他一些东西 - 它在Chrome,Safari和Firefox中运行良好,但不是IE 7或8(当然)。

http://ianmartinphotography.com/test-site/testimonials/sifr-dual.html

此处有两个jquery循环幻灯片设置为不同的速率 - 一个用于sIFR文本(无淡入淡出),另一个用于淡入淡出的照片。我确实在一个节目中有所有内容,但是当幻灯片褪色和退出时,它对sIFR做了奇怪的事情。 (请注意,我有一个小的延迟设置sIFR触发 - 没有它,sIFR将不会加载超过第一张幻灯片。)

关于如何让这个怪异的页面在IE 7和8中工作的任何想法?我希望照片淡入淡出,sIFR文本可以快速进出而不会褪色。谢谢!

2 个答案:

答案 0 :(得分:0)

我发现IE 7& 8有一个很难褪色的div,它们内嵌了div。

IE7似乎在这种安排下效果更好(只是一点点),IE8只是点击它们而没有过渡。

这是我更新和简化的测试页面:

http://ianmartinphotography.com/test-site/testimonials/

我强迫它进入IE7模拟模式并希望IE9更加jQuery友好。

<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />

我将在未来几个月内观看我的Google Analytics数据,当我对足够的访问者使用IE9感到满意时,我会删除该元代码 - 我还没有在IE9中测试此页面,但是

Safari和FF在Windows或Mac中使用此页面没有任何问题(照片淡出,而不是sIFR的文本 - 我很好)。由于这个页面适用于非IE浏览器,我正在继续前进,并不担心IE作为页面功能与IE,它只是不太好的体验。不过,我仍然想知道如何在IE中过渡淡出。

答案 1 :(得分:0)

我遇到了类似的问题,发现幻灯片项目需要在CSS中设置宽度和高度,否则它们不会褪色而是闪烁白色。