は私がホバー上の画像を拡大するために、このjQueryのを使用しているjQueryの

Question

とロールオーバーで展開した後の画像にキャプションdiv要素を追加します。

http://jsfiddle.net/bAHXJ/

を今私は使用して、キャプションのためのdivを追加したいですタイトル、このような何か：

私はdiv要素は、画像の後ろに表示されていることを追加し

$("img").hover(function() { 
    $(this).each(function(){ 
      var title = this.title; 
      $(this).after('<div class="caption">'+ title +'</div>'); 
     }); 
}); 

：

http://jsfiddle.net/k62NY/

私は.afterの代わりに.appendを試しました（まだ違いはあいまいです）、何も表示されませんでした。

画像が拡大された後に、どのようにキャプションdivを展開画像の下に表示させるのですか？

Answer 1

に変更

var title = this.alt; 

私は.captionクラスと.hoverクラスを追加することで、わずかにあなたのCSSを修正しました。また、私は（私はそれを修正することができるように、ハハ、私のために）多くはそれを読みやすくするために、あなたのjQueryを変更：

http://jsfiddle.net/k62NY/4/

を今...私は、それは素晴らしい見えるようにしようとしていませんでしたそれがあなたの仕事だからです。機能的には、それはあなたが望むようにします。

Answer 2

あなたの画像はアブソリュートを使用して配置されています。したがって、divは画像の後ろに表示されます。正面に表示したい場合は、CSSを変更する必要があります。私があなたが望むものを持っていれば、私には手伝ってもらえますか？

あなたのjqueryのは悪いです：

var title = $(this).alt;