jquery - 当没有 anchor 标记时，我可以在图像上使用 Colorbox

Question

我正在尝试使用 Colorbox 创建幻灯片。不幸的是，我无法控制图像的创建方式，因此我无法在图像上放置 anchor 标记或 rel=。

我能做的最好的事情是这样的:

<div id="cbImg" class="slideshow">
    <img src="file1.png" />    
    <img src="file2.png" />
    <img src="file3.png" />
    <img src="file4.png" />
</div>

图像标签可以有高度、宽度和 alt 标签...但它是动态生成的。我所能控制的只是图像周围的 DIV 标签。图像周围可能有也可能没有其他标签(p、div、span)。

我想要这样的东西:

<div id="cbImg" class="slideshow">
    <a href="file1.png" rel="slide" class="pop"><img src="file1.png" /></a>
    <a href="file2.png" rel="slide" class="pop"><img src="file2.png" /></a>
    <a href="file3.png" rel="slide" class="pop"><img src="file3.png" /></a>
    <a href="file4.png" rel="slide" class="pop"><img src="file4.png" /></a>
</div>

是的，这是来自 CMS...不，我无法修改它的呈现方式。我正在尝试制作幻灯片(如果可能的话)。

Answer 1

基本上，我最终使用 JQuery 在 IMG 标签周围动态创建 anchor 标签...然后让我添加类和 rel= 我需要使用 ColorBox 选项。

以下是我用于了解如何创建 anchor 标记的提示的答案之一:

jQuery: Easiest way to wrap an image tag with an A anchor tag