使用 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>
问题似乎出在 Twitter API 提供的图像 URL 上，该 URL 返回 (301) 重定向到完整图像的实际位置。有什么方法可以让 Fancybox 处理使用重定向提供的图像，并且弹出窗口仍然具有所提供图像的大小。
如有帮助，将不胜感激。
Frank
由于第二个代码/链接不包含图像扩展名（jpg、gif、png），fancybox 无法确定什么type内容正在尝试打开，因此您需要告诉它。
要么做：
One：添加type您的自定义脚本的选项
$(".fancybox").fancybox({
type: "image"
});
Two: 添加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>
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
