如何使用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,               
            });  
      });