有不同大小的2个图像取决于屏幕大小fancybox

Question

我想使用fancybox作为灯箱在网站上显示图像。

我正在设计的网站是固定宽度960px网站。我想向人们展示图像，但如果屏幕能够显示图像，也会显示更大的图像。

有点像Facebook如何向用户提供不同大小的图像。

Fancybox将缩小图像，如果窗口很小，以全尺寸显示它们，所以我在想如何在2个图像上使用fancybox。

一个图像是960像素宽，是有一个960像素的屏幕和更小的 （通过的fancybox按比例缩小）

用户，我会在960像素

有另一个像多数民众赞成1200+宽屏幕为

如果你的屏幕可以显示1100像素，那么你会得到更大的图像缩小。

原因是这么小的屏幕用户不必下载大图片。 这一栏设置，我可以放出来是1500宽等图像

还我看着floatbox http://floatboxjs.com/demo 但决定一些的fancybox的特点是更好的除了一两件事，floatbox有一个特点，如果图片没有以全尺寸显示，则放大图片。看到地球图片演示，或在一个小窗口中打开其他图像之一。可以fancybox做到这一点？我知道你可以用按钮来做到这一点，但想知道如何做到这一点，像浮箱一样。同时让用户保存图像。

我已经看过其他方式使用CSS来做到这一点，有图片换出等，但我得到的内容到页面上，这将不工作的方式。此外，如果你要保存的图像可以节省由于某种原因，较小的一个。 - http://csswizardry.com/2011/07/responsive-images-right-now/

感谢

Answer 1

如果你使用的fancybox V2.X那么你可以有相同的大图像“缩放”，以适应视你拥有的任何分辨率，然后用buttons帮手扩大图像它的原始（大）尺寸。

检查在http://fancyapps.com/fancybox/#docs演示，扩展功能==>按钮帮手（不要忘记检查的JavaScript选项卡）