Javascript 使用fancybox创建blob图像库

在fancybox示例中，您可以创建fancybox库，如下所示：

$("#fancybox-manual-c").click(function() {
  $.fancybox([{
    href: '1_b.jpg',
    title: 'My title'
  }, {
    href: '2_b.jpg',
    title: '2nd title'
  }]);
});

在html中，您应该创建如下链接：

<a id="fancybox-manual-c" href="javascript:;">Open gallery</a>

---

你试过base64源代码吗？结果是这样的

数据：图像/jpeg；base64

或

数据：图像/png；base64可以根据文件使用

$.fancybox({ type: 'image' }, 
    [{
      href: "data:image/png;base64," + data,
      title: 'My title'
    }, {
      href: '2_b.jpg',
      title: '2nd title'
    },{
      href: '3_b.jpg'
    }], {
    helpers: {
      thumbs: {
        width: 75,
        height: 50
      }
    }
  });

谢谢你的回答！嗯，我只是尝试将“data:image/png；base64”添加到href中，但没有成功。
$.fancybox({ type: 'image' }, 
    [{
      href: "data:image/png;base64," + data,
      title: 'My title'
    }, {
      href: '2_b.jpg',
      title: '2nd title'
    },{
      href: '3_b.jpg'
    }], {
    helpers: {
      thumbs: {
        width: 75,
        height: 50
      }
    }
  });