问题描述
|
有可能这样做吗?
示例:我得到图像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/