Javascript Fancybox无法处理来自Twitter API的图像

对于Fancybox 2，下面的示例可以完美地工作（省略了其他代码）

但是下面的代码将图像加载到单独的页面上

<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>

问题似乎在于twitterapi提供的图像URL，它返回一个（301）重定向到完整图像的实际位置。是否有任何方法可以让Fancybox处理使用重定向提供的图像，并且弹出窗口仍然具有所服务图像的大小

我们将不胜感激

---

Frank

由于第二个代码/链接不包含图像扩展名（jpg、gif、png），fancybox无法确定要打开的内容类型，因此您需要告诉它

或者：

One：将

类型

选项添加到自定义脚本中

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

Two：将

数据fancybox类型

属性添加到链接中

<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>

在iFrame而不是图像中打开twitter API url如何？嗨，Jacob，我也想到了这一点，但窗口的大小不会调整到图像的正确w/h，这对于每个图像都是不同的。试一试，然后尝试调整大小

<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>