イメージはjqueryでアニメーションのサイズ変更とブラーを行います

Question

ページの読み込み後に親に合わせて（おそらく小さなアニメーションを使用して）ぼかしを施した後、サイズを変更したい画像があります。任意のヒント？

ありがとうございます！

L

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と親要素を残していることです。