0

我正在使用 GetBarley.com,因为它是出色的 WYSWYG 编辑器……但它对博客内的图像造成了问题。如果有人发布图像,它的大小由容器的宽度决定。

我希望能够单击该图像以放大它们并单击该特定帖子中的所有图像。为此,我需要在标签周围添加一个链接。

出现了什么:

<img src="http://lokeshdhakar.com/projects/lightbox2/img/demopage/image-3.jpg"/>

我需要展示的内容:

<a href="http://lokeshdhakar.com/projects/lightbox2/img/demopage/image-3.jpg" data-lightbox="set">
<img src="http://lokeshdhakar.com/projects/lightbox2/img/demopage/image-3.jpg"/>

请注意,href="#" 是从 img src 获取 URL。

jsFiddle

4

1 回答 1

1

你可以做:

$(".image-set img").each(function() {
    $(this).wrap("<a href='" + this.src + "' data-lightbox='set' />");
});
于 2013-09-11T19:20:03.600 回答