Лайтбокс с помощью тегов или

Question

Существует ли реализация лайтбокса, которая позволяет использовать <a href=base64-string" вместо фактического URL?

Answer 1

Вы пометили только javascript, однако, если вы можете использовать jQuery, вы можете использовать fancybox , чтобы достичь этого без особых усилий:

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

Пример кода на jsfiddle

Answer 2

Для меня работает замена href на data-remote следующим образом,

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

Answer 3

Да, я думаю, вы можете использовать Slimbox .Он имеет собственную функцию LinkMapper .Это позволяет вам возвращать любой URL, который вы хотите, основываясь на элементе, над которым вы работаете в данный момент.Это javascript, так что вы можете сделать запрос ajax или любую ссылку, которую хотите вернуть.

Так что да, вам нужен jQuery для этого, но я думаю, что есть и версия Mootools.Посмотрите на это.