如何将颜色框jQuery插件用于direct<；img>；元素？

我已经创建了一个媒体库，希望在其中使用显示图像
我尝试在其上使用colorbox的HTML结构如下所示：

<div class="image-gallary">
  <img src="/patch_to_image/image_1.png">
  <img src="/patch_to_image/image_2.png">
  <img src="/patch_to_image/image_3.png">
  <img src="/patch_to_image/image_4.png">
</div>

当我点击图像时，会显示clorbox加载和弹出窗口，但图像未加载（未显示，仍在加载图像）

---

这是因为Colorbox依赖于锚元素上的

href

属性来正确加载页面。简单的解决方案是简单地用相应的

非常感谢您的帮助，但我无法更改我的“CMS”自动生成的dom结构。请参阅我的更新注释。也。。。您的CMS应允许对标记进行基本修改，例如添加链接。

  $('div.image-gallary>img').colorbox({
    rel:'images',
    transition:"fade",
    opacity:0.5 ,
    rel:'group1'
  });