0

我希望我网站上的缩略图在加载时淡入,而不是以传统方式加载。我正在使用 jQuery 通过在 CSS 中将每个 img 的不透明度设置为 0 来实现这一点,然后使用 jQuery 将其淡化为 1,如下所示:

image.bind("load", function () { $(this).fadeTo(1000, 1); });

这在桌面浏览器中可以正常工作,但在 iPhone 上的 Mobile Safari 或 Chrome 中,图像的淡入淡出就像加载和淡入淡出都是在同一个线程中执行的一样,并且加载会阻止动画。我怀疑这可能正是正在发生的事情,我只能忍受它,但我在这里发帖是希望有人有破解或聪明的方法。

我尝试用不透明的 div 覆盖每个图像并将其淡化为透明,但它会产生相同的结果。

您可以在以下网址看到它的实际效果:http ://www.anthonyburns.co.uk

4

1 回答 1

1

听起来您在使用 .fadeTo() 时遇到帧率问题

我建议使用 Safari 中内置的 CSS3 过渡效果来获得您正在寻找的平滑淡入淡出效果:https ://developer.apple.com/library/archive/documentation/InternetWeb/Conceptual/SafariVisualEffectsProgGuide/Introduction.html

于 2012-10-22T18:06:42.010 回答