圖像動畫調整大小和模糊與jquery

Question

我有一個圖像，我想調整頁面加載後，以適應其父（可能使用小動畫），然後模糊。有小費嗎？

謝謝！

大號

Answer 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。