在页面加载时向上滑动图像

Question

我试图让图片在页面加载时像标题下方的中间区域一样滑动。所以这是我的jQuery到目前为止：

$(function() {
        $("#product_img").on('load', function() {
        $(this).show('slide', {
            direction: 'up' }, 2000); });
});

我也试过这个：

$("#product_img").animate({'up':200},255,'linear', function() {console.log('Done Animation'); })

在Chrome调试器中打印“完成动画”..但它不会显示图像。 ：/ 现在的图片只是#product_img {display：none;在我的CSS中。有什么东西我不见了吗？ d：

感谢您的帮助！

Answer 1

试试这个：

$("#product_img").slideUp(1000, 'linear', function(){});

更新。这将隐藏图像。请尝试使用slideDown：

http://jsfiddle.net/qeTM2/2/

Answer 2

尝试使用：

$("#product_img").one('load', function () {
    $(this).slideDown(2000);
}).each(function () {
    if (this.complete) $(this).trigger('load');
});

这里有效：http://jsfiddle.net/bbR8Y/2/