如何将 colorbox 与 base64 图像一起使用？

Question

我正在尝试将 colorbox 图像与 base64 一起使用，但是当我单击以打开幻灯片中的图像时，它无法打开。我正在使用骨干框架。

<!-- html code -->
<a href="<img src="data:image/png;base64,<%= image %>"/>" title="<%= description %>"> 
    <img src="data:image/png;base64,<%= image %>" alt="" />
</a>

//javascript code
this.$el.find('ul li > a').attr('rel', 'gallery').colorbox({
   maxWidth     : '80%',
   maxHeight    : '80%',
   opacity      : '0.1',
   inline       : true,
   html         : true,
   loop         : true,
   slideshow    : true,
   slideshowAuto: false,
   fixed        : true
 });

Answer 1

您可以轻松地在 colorbox 中使用 base64 图像。Base64 图像是预加载的图像，因此只需在颜色盒初始化中添加照片属性即可

$('a.img_box').colorbox({'photo':true});