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

Question

是否有任何灯箱实施允许使用<a href=base64-string"而不是实际网址？

Answer 1

您只标记了javascript，但是如果您可以使用jQuery，那么您可以使用fancybox来实现这一目标：

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

Code example on jsfiddle

Answer 2

是的我认为您可以使用Slimbox。它有自己的LinkMapper function。这允许您根据当时正在处理的元素返回所需的任何URL。这是javascript，因此您可以执行ajax请求或您想要返回的任何类型的链接。

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

Answer 3

对我来说，将href替换为data-remote如下，

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