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

问题描述

| 有可能这样做吗? 示例:我得到图像img src = \“ some_img_thumb.png \” alt =“那是图像alt \” title =“那是图像标题\”,它是缩略图,同时具有alt和title属性。当我将鼠标悬停在它上面或单击它时,应该会弹出放大的图像。现在,我要使此图像以其alt或标题作为签名弹出,并放置在img底部边框上。我知道其他技巧(http://www.dynamicdrive.com/style/csslibrary/item/css-popup-image-viewer),但我想知道我想要实现的目标是否可能。我确定它与以下语句有关: a:之后 { 内容:\“(\” attr(href)\“)\”; } 但是我尝试使用内容的方式:attr(title);声明,是不好的方法: img.thumb:激活img.thumb:之后 {    内容:attr(title);    font-weight:粗体;    边距:10px 400px 20px 400px; } 我是网站设计的新手,正在寻找实现该技巧的灵感,但仍然没有任何想法。 感谢您的最终帮助。干杯     

解决方法

        您可能想要对那个使用jquery。您可以使用以下行来获取alt标签或其他任何属性
var altText = $(\'img\').attr(\'alt\');
您可能还希望在图像上使用一个ID,以确保获得正确的ID。 然后,您可以使用下面的行将值添加到签名。
$(\'#signature\').append(altText);
如果您想获得更具体的指示,请发表评论,我们将竭诚为您服务。 这是理论,但是有一些很棒的灯箱插件具有此功能。您是否尝试过colorbox? http://colorpowered.com/colorbox/