FancyBox2中的图像缩放问题

Question

我在FancyBox2中有两个与图像显示相关的问题：

• 图像会自动应用缩放。理想情况下，这应该仅在用户点击图像时发生。
• 包含图片的框不合适。

缩放问题仅出现在IE和Chrome中（不在Opera和Firefox中），而另一个问题出现在所有浏览器中。 This image illustrates the problems in chrome.

我在FancyBox中尝试过各种配置参数，没有运气。现在我只使用：

$(".fancybox").fancybox({'type' : 'iframe'}); 

为什么会发生这种情况的任何线索？

Answer 1

您应该将type: 'image'用于图片。 Iframe类型用于外部html页面。

图片的显示方式可以调整大小以适合视口（当fitToView设置为true时）或原始尺寸（fitToView设置为{{1}时） }）。如果图像大于视口，则必须向下滚动父页面才能查看整个图像。

您可以使用false助手将图像从其缩放尺寸切换为实际尺寸。