图像动画调整大小和使用jquery模糊

时间:2011-07-24 13:34:13

标签: jquery resize scale blur animated

我有一个图像,我想在页面加载后调整大小以适应其父级(可能使用少量动画)然后模糊。有什么提示吗?

谢谢!

1 个答案:

答案 0 :(得分:1)

var img = $('.anImage'),
    offset = img.offset();

// position image absolutely in the same position to allow it to expand
img.css({
       position: "absolute",
       top: offset.top,
       left: offset.left,
       zIndex: 100
   })
   // animate expansion
   .animate({
       top: 0,
       left: 0,
       width: img.parent().width(),
       height: img.parent().height()
   }, "fast")
   // fadeout
   .fadeOut("fast");

唯一的要求是将父元素留给position: relative