调整大小后jQuery动画

Question

我正在使用jQuery Image Center plugin并尝试在图像居中后为其设置动画

这是我的代码，图像居中工作但动画不是

$('#myimage').css('opacity' , 0);
$('#myimage').centerImage(function() {
  //At this point, resize is complete, and the element is invisible
  $(this).animate({opacity: 1}, 1500 );
});

Answer 1

根据plugin source，第二个参数是回调和第一个居中方法。所以试试

var $img =$('#myimage');
$img.css('opacity', 0);

$img.centerImage('inside', function () { //give inside or for no method just provide undefined or ""
      //At this point, resize is complete, and the element is invisible
    $(this).animate({
        opacity: 1
    }, 1500);
});

<强> Demo

<强> Demo2

还记得你可以像演示一样链接em。