标题DIV上侧翻扩大与jQuery

我使用这个jQuery来扩大悬停后的图像添加到图像：标题DIV上侧翻扩大与jQuery

现在我想添加一个div为标题，用标题是这样的：

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

当我添加了DIV出现的形象背后：

http://jsfiddle.net/k62NY/

我尝试.append而不是.after（仍然模糊的差异）并没有出现任何内容。

图像完成展开后，如何让标题div显示在展开图像下方？

来源

2011-04-04 nathanbweb

我稍加修改你的CSS通过添加.caption类和.hover类。我还修改了jQuery的很多，使其更具可读性（对我来说，哈哈，这样我就可以修复它）：

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

现在......我并不想使它看起来惊人，因为这是你的工作。尽管如此，它的功能仍然如你所愿。

来源

2011-04-04 22:54:29

我会注意到图像标题标题默认驱动我坚持这个例子...所以我会移动你的标题标题以外的地方拉你的标题的机制。 – 2011-04-04 22:55:46

完美，谢谢！ – nathanbweb 2011-04-04 23:16:23

您的图像使用绝对定位。所以div出现在图像后面。如果你想让它出现在前面，你需要做一个CSS更改。让我看看我能不能找到你想要的东西。

你jQuery是坏：改变

var title = this.alt;

到

var title = $(this).alt;

来源

2011-04-04 22:08:33 mrtsherman

好的，我没有时间为你做，但我可以让你开始。我会将你的图像和你的标题div包裹在另一个绝对定位的div中。从图像中删除绝对定位。我使用jQuery修复程序更新了我的文章，您也需要。 – mrtsherman 2011-04-04 22:14:37

标题DIV上侧翻扩大与jQuery

回答

相关问题