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

Question

我尝试使用带有 base64 的 colorbox 图像，但是当我单击以打开幻灯片中的图像时，它无法打开。我正在使用 Backbone 框架。

<!-- 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});