jquery - 简单的 jquery 动画要么不起作用,要么只在 Firefox 中闪烁

标签 jquery css slider jquery-animate

我几天前发布了一些与此相关的内容...但我仍然没有解决它。你可以在这里看到它 http://www.doublezerofilms.com我这里有一个 jsfiddle:http://jsfiddle.net/kz29p/这个简单的 slider 适用于除 Firefox 以外的所有软件。我想知道是否有人知道是否存在已知问题或解决方法。或者...对于您的 jquery 大师,如果我有一个 FF 不喜欢的冲突脚本。任何帮助是极大的赞赏。谢谢!

最佳答案

从大约一年前开始,Flash/Firefox 添加了一项优化,试图不加载不可见的 Flash 元素。而且,只有当它们变得可见时,闪光灯才会真正加载。我怀疑这里发生的事情是您的闪光灯最初不可见,因此无法加载。然后,当您制作动画时,它会变得可见并尝试加载,从而导致一些显示问题。

此外,您的自定义缓动函数在 jsFiddle 中不起作用。如果我删除 jsFiddle 中的自定义缓动功能并更改视频的初始位置,使其在开始时略微可见,那么它似乎可以工作。在 Firefox 的动画结束时它仍然有一点闪烁(消失,然后再次显示),我不知道是什么原因造成的。

在这里,您可以看到删除自定义缓动并通过更改初始 right 位置使其最初稍微可见后的结果:http://jsfiddle.net/jfriend00/D85bR/

我还认为,如果您在 iframe 和嵌入的 Flash 对象完成加载之前开始制作动画,您也容易遇到问题。我知道您现在在制作动画之前要延迟 1 秒,但这可能在所有情况下都不够。我不知道如何检测另一个域上的 iframe 和嵌入式 Flash 对象何时完成加载。

编辑:

如果我从您的动画中删除高度和宽度,那么它只是为 right 值设置动画,那么闪光灯就会消失。我不确定您为什么要对高度和宽度进行动画处理,因为它们已在您的 CSS 中预设为正确的大小。

您可以在此处看到它在没有闪光灯的情况下在 Firefox 中工作:http://jsfiddle.net/jfriend00/pJKLL/

关于jquery - 简单的 jquery 动画要么不起作用,要么只在 Firefox 中闪烁,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10063637/

相关文章:

html - 两列 div 布局填充父 div 的整个高度

移动设备上覆盖默认视频播放按钮的CSS

javascript - Flexslider 删除第一张和最后一张幻灯片上的导航箭头

javascript - 如何实现必需的验证以检查用户是否输入了至少一个值

php - 如何采用 jquery 自动完成值而不是标签?如果我添加依赖项自动完成,请指导我?

html - 伪类 :first-child not working

objective-c - 在 iPhone 应用程序中创建锁定 slider 克隆

javascript - 创建一个带有类似于 MetaLabs 页面上的过渡的 slider ? (使用 jQuery)

javascript - 如何从 MYSQL 反序列化查询结果?

javascript - 在JS中从JSON返回索引名称