Question

我想在照片中添加属性＆＃34; data-full＆＃34;和＆＃34; data-thumb＆＃34;包含图像地址。例如：

<img data-full="images/photo.jpg" data-thumb="images/photo.jpg" src="images/photo.jpg">

不幸的是，我的尝试以失败告终。

请帮帮我。

Answer 1

如果您使用jquery，那么您可以这样做：

这是你的HTML

<img id="myPhoto" src="images/photo.jpg">

然后在你的jquery

$(#myPhoto).attr('data-full', 'images/photo.jpg');
$(#myPhoto).attr('data-thumb', 'images/photo.jpg');

Answer 2

我为响应的延迟道歉。我以为我会被告知有人在这个主题上写了些什么。

我想在我的网站上实施https://github.com/HemantNegi/jquery.sumogallery。 “我的尝试以失败告终。”这意味着我写得不好。

没有。我的HTML是：

...
<li><img src="images/o6/photo.jpg"></li>
<li><img src="images/o7/photo2.png"></li>
<li><img src="images/23/image1245.jpg"></li>
...

图像地址不同，因为它们来自不同的目录。我想收到结果：

...
<li><img data-full="images/o6/photo.jpg" data-thumb="images/o6/photo.jpg" src="images/o6/photo.jpg"></li>
<li><img data-full="images/o7/photo2.png" data-thumb="images/o7/photo2.png" src="images/o7/photo2.png"></li>
<li><img data-full="images/23/image1245.jpg" data-thumb="images/23/image1245.jpg" src="images/23/image1245.jpg"></li>
...

从src图像创建的图像的DATA属性

2 个答案: