如何使用 fancybox href 属性显示图像

Question

我正在尝试使用 fancybox 1.3 显示图像。我已经设法用 base64 编码做到了这一点，它就像一个魅力。但现在，我想通过 servlet 检索图像。如果我把 url 放到图片的 src 属性中，它会显示图片，但是如果我把这个 url 放到 href 属性中，当我点击图片时，它会显示：

http://i.imgur.com/OqxrUxc.png

我正确设置了响应内容类型。可能是什么问题？

Answer 1

这是一个用花哨的盒子显示 base64 图像的示例

你不需要任何<a> 标签

<div class="content">
<img  src="data:image/gif;base64,/9j/4AAQSkZJRgAB...." alt="social media" >
<img  src="data:image/gif;base64,/9j/4AAQSkZJRgAB...." alt="james bond;" >
 </div>

jquery

  $('.content').on('click', 'img', function (e) {

    var tarGet= $(this).attr("src");
    var imgtitle= $(this).attr("alt");
     $.fancybox({             

                'overlayShow': true,
                'href': tarGet,
                'titlePosition': 'inside',                
                'title': imgtitle,               
            });  
      });