我正在尝试使用 fancybox 作为灯箱在网站上显示图像。
我正在将该站点设计为一个固定宽度的 960px 站点。我想向人们展示图像，但如果屏幕可以显示它们，我也会有更大的图像。
有点像 facebook 如何向用户提供不同尺寸的图像。
如果窗口太小而无法以全尺寸显示，Fancybox 会将图像缩小，所以我在想如何使用带有 2 张图像的 fancybox。
一张图片的宽度为 960 像素，适用于屏幕为 960 像素或更小的用户（由 fancybox 缩小）
对于超过 960 像素的屏幕，我会有另一个 1200+ 宽的图像
如果您的屏幕可以显示 1100 像素，那么您将获得按比例缩小的更大图像。
这样做的原因是小屏幕用户不必下载大图像。有了这个条形集，我可以输出 1500 宽等的图像。
我也看过floatbox http://floatboxjs.com/demo ，但认为fancybox的一些功能更好，除了一件事之外，floatbox具有放大图片的功能，如果它没有以全尺寸显示。查看地球图片演示，或在小窗口中打开其他图像之一。可以fancybox做到这一点吗？我知道您可以使用按钮执行此操作，但想知道如何像 floatbox 一样执行此操作。同时仍然让用户保存图像。
我已经研究了使用 css 执行此操作的其他方法，将图像换出等，但是我将内容放到页面上的方式不起作用。另外，如果您想保存图像，它会出于某种原因保存较小的图像。- http://csswizardry.com/2011/07/responsive-images-right-now/
谢谢