灯箱使用标签或<a href=[base64]>

Question

Is there any lightbox implementation that allows using <a href=base64-string" instead of an actual url?

Answer 1

Yes I think you can use Slimbox。它有它自己的LinkMapper function。这允许你根据你当时正在处理的元素返回你想要的任何url。这是JavaScript，所以你可以做一个Ajax请求或任何你想要返回的链接。

所以是的，你需要这个jQuery，但我认为还有一个Mootools版本。看看它。

Answer 2

你只标记的JavaScript，但是如果你可以使用jQuery你可以使用fancybox有一些工作来实现这一目标：

$("a[href^='data:image']").each(function(){ 
    $(this).fancybox({ 
     content: $("<img/>").attr("src", this.href) 
    }); 
}); 

Code example on jsfiddle

Answer 3

为了我的作品与data-remote更换href如下，

<a data-remote="{{ base64string }}" data-gallery="multiimages" data-toggle="lightbox"> 
    <img src="{{ base64string }}" /> 
</a>