的fancybox不与Twitter的API图片工作(Fancybox not working wi

用的fancybox 2下面的例子完美的作品（遗漏了其他代码）

<a class="fancybox" href="https://si0.twimg.com/profile_images/2169856486/avatar.jpg" title="some title">
        <img src="http://a0.twimg.com/profile_images/2169856486/avatar_normal.jpg" alt="" />
</a>

但下面的代码加载一个单独的页面上的图像

<a class="fancybox" href="https://api.twitter.com/1/users/profile_image?screen_name=boris&size=original" title="some title">
        <img src="http://a0.twimg.com/profile_images/2169856486/avatar_normal.jpg" alt="" />
</a>

这个问题似乎是与图像URL返回一个（301）Twitter的API用品重定向到整个图像的实际位置。 有什么办法，我可以得到的fancybox与使用重定向和弹出窗口仍然具有提供图像的大小提供的图像工作。

帮助将不胜感激。

坦率

Answer 1:

由于第二码/链接不包含图像扩展名（JPG，GIF，PNG）的fancybox不能确定是什么type的内容，试图打开，所以你需要告诉它。

无论是做：

一 ：添加type选项，自定义脚本

 $(".fancybox").fancybox({
   type: "image"
 });

二 ：添加data-fancybox-type属性您的链接

<a class="fancybox" data-fancybox-type="image" href="https://api.twitter.com/1/users/profile_image?screen_name=boris&size=original" title="some title"><img src="http://a0.twimg.com/profile_images/2169856486/avatar_normal.jpg" alt="" /></a>

文章来源: Fancybox not working with images from Twitter API