从img的拇指“alt”或“title”属性中提取文本并将其用作放大弹出照片的签名

Question

有可能这样做吗？ 示例：我得到 image img src="some_img_thumb.png" alt="That's the image alt" title="That's the image title"这是缩略图，同时具有alt和title属性。 当我将 hover 鼠标悬停在它上面或单击它时，应该会弹出放大的图像。 现在，我想让这张图片弹出，它的alt或标题作为签名，放在底部 img 的边框上。 我知道其他一些技巧（ http://www.dynamicdrive.com/style/csslibrary/item/css-popup-image-viewer ），但我想知道我想要实现的目标是否可行。 我确定它与此声明有关：

a:after { 内容: " (" attr(href) ")"; }

但我尝试使用内容的方式：attr(title); 声明，是不好的方式：

img.thumb:active img.thumb:after { content: attr(title); 字体粗细：粗体； 边距：10px 400px 20px 400px； }

我是网页设计的新手，正在寻找实现这一技巧的灵感，但仍然没有想法。

感谢您的最终帮助。 干杯

Answer 1

你可能想用 jquery 来做那个。 您可以使用以下行获取 alt 标记或任何其他属性

var altText = $('img').attr('alt');

您可能还想在图像上使用 id 以确保获得正确的。

然后，您可以使用以下行将值传递给签名。

$('#signature').append(altText);

如果您想要更具体的方向评论，我很乐意为您提供进一步的帮助。

这就是理论，但是有一些很棒的灯箱插件有这个功能。 你试过彩盒吗？

http://colorpowered.com/colorbox/