Question

无论出于何种原因，我无法在某些图片上使用缓动。浏览器只是立即加载它们而不会放松。

我想要完成的是侧面图像从底部滑动到它的位置，中间的图像从顶部滑动。

$(document).ready(function() {
            $('.banner1 img, .banner3 img').animate({bottom:"0"}, '1000', 'easeOutBack');
            $('.banner2 img').animate({top:"0"}, '1000', 'easeOutBack')
        });

非常感谢任何帮助。

Answer 1

尝试将$（document）.ready更改为

$(window).load

$（document）.ready在图像加载之前触发并且可以访问

Answer 2

我看到你使用了内联样式。如果您没有其他CSS将图像的位置设置为绝对或相对，则无法为其设置动画。尝试：

<img src="images/banner1.jpg" alt="" style="bottom: 0px; position: relative;">

Answer 3

想出来了！

http://jsfiddle.net/DPX9G/4/

我必须将横幅图像上的内嵌样式设置为负值才能转换。

style="bottom:-100%;"
style="top:-100%;"
style="bottom:-100%;"

jQuery缓解图像不起作用

3 个答案: