Question

在这样的默认文档上

    <a href="https://farm2.static.flickr.com/1922/43884115510_310bfa1548_b.jpg"
 title="Land of a Thousand Summits" data-gallery="">
<img src="https://farm2.static.flickr.com/1922/43884115510_310bfa1548_s.jpg"></a>

我想添加一个属性 author ，然后显示它。这就是我遇到的问题，我不知道如何显示作者姓名。

<a href="https://farm2.static.flickr.com/1922/43884115510_310bfa1548_b.jpg"
 title="Land of a Thousand Summits" data-gallery=""
author="Pavel" 
>
<img src="https://farm2.static.flickr.com/1922/43884115510_310bfa1548_s.jpg"></a>

Answer 1

这是一个如何在标签中添加属性的示例。...

<!DOCTYPE html>
<html>
<head>
</head>
<body>

<a href="...">link</a>

<p>Click the button to create an attribute with the value "test" and insert it to the "a" element.

<button onclick="myFunction()">Try it</button>

<script>
function myFunction() {
    var a = document.getElementsByTagName("a")[0];
    var att = document.createAttribute("author");
    att.value = "nameAuthor";
    a.setAttributeNode(att);
}
</script>

</body>
</html>

希望这会有所帮助

Answer 2

您无法提出要求，主要是因为当您单击链接时，站点实际上已重定向到文件的页面。因此，您在摘要视图中看到的不是具有链接的页面。

这意味着您不能只附加图像并显示作者，因为您无法控制图像显示页面。 Flickr（在这种情况下）可以控制该页面的显示方式。

您可以做的是使用Lightbox.js之类的库。该库可让您将图像显示为缩略图，并且单击该图像时将显示谁图像，并且您可以添加其他信息（例如作者姓名）

如何显示画廊blueimp-gallery的附加属性？

2 个答案: