我正在尝试使用fancybox作为灯箱在网站上显示图像。
我正在将网站设计为固定宽度的960px网站。我希望向人们展示图像，但如果屏幕可以显示图像，我也想要更大的图像。
有点像facebook如何向用户提供不同尺寸的图像。
如果窗口很小，Fancybox会缩小图像，以全尺寸显示它们，所以我在想如何使用带有2张图像的fancybox。
一张图片的宽度为960px，适用于屏幕尺寸为960px及更小的用户 （按照fancybox缩小）
我还有另外一张1200+宽的图像，用于超过960px的屏幕
如果您的屏幕可以显示1100像素，那么您将获得缩小的较大图像。
这样做的原因是屏幕用户不必下载大图像。 使用这个条形图，我可以放出1500宽的图像等。
我也看过了浮箱 http://floatboxjs.com/demo 但是我认为fancybox的一些功能除了一件之外更好，如果没有以fullsize显示，则浮动框有一个放大图片的功能。查看地球图片演示，或在小窗口中打开其他图像。可以fancybox这样做吗？我知道你可以用一个按钮做到这一点，但想知道如何像浮箱那样做。同时仍让用户保存图像。
我已经看过用css执行此操作的其他方法，将图像换出等，但是我将内容放到页面上的方式不起作用。此外，如果你想保存图像，它会因某种原因保存较小的图像。 - http://csswizardry.com/2011/07/responsive-images-right-now/
由于
答案 0 :(得分：0)
如果您使用fancybox v2.x，那么您可以使用相同的大图像“缩放”以适应您拥有的任何分辨率的视口，然后使用buttons帮助程序将图像扩展为其原始图像（大）尺寸。
在http://fancyapps.com/fancybox/#docs查看演示，扩展功能==＆gt;按钮助手（别忘了查看javascript标签）