参见本页:
http://users.telenet.be/prullen/popup/test.html
所有代码都放在HTML文档中以供测试。
我已经测试过直到firefox 10,它有所改进,但与safari / chrome相比仍然没有运行得非常顺利。
点击缩略图打开弹出式灯箱。单击打开的弹出窗口的右侧以导航到下一个图像。应该有接口按钮(下一个/上下文等),但我没有上传这些测试。
慢动画是1)开场,b)进入下一张图像时图像的交叉淡入淡出。
有没有人有解决这个问题的想法?弹出脚本非常复杂。我尝试使用chrome工具和firebug进行性能分析,但我并没有从中学到很多东西,因为大部分时间花在“匿名”函数上。
开场动画如下:
popup.stop(true, true).animate(popupPosition, (firstImage || hide ? options.oS : resizeTime), function() { isAnimating = false; callback() } );
popupPosition包含4个要动画的属性;宽度,高度,左侧和顶部。
这是从resizePopup函数调用的(后者又从changeMedia调用)。
调整后的图像最大宽度/高度为800px。
我已经尝试从这个基本代码中删除碎片以试图弄清楚可能是什么原因,但到目前为止这对我没什么帮助。
我也尝试将jQuery.fx.interval更改为50,但同样,差别不大。
我还检查了firefox 11 beta,看起来不会改善这种情况。
感谢您的帮助。