JQuery灯箱插件:缩放非常大的图像以适应屏幕

时间:2012-05-16 00:51:34

标签: javascript jquery lightbox

我正在使用jQuery "Lightbox"插件,虽然我不知道这是否是关于手头问题的必要信息。

我通过幻灯片放映的图片非常大;他们每个人都比屏幕大得多(我不会在我的服务器上托管图像,所以我无法调整它们的大小)。我需要缩放它们以适应屏幕的范围(也可能有一些余量)。是否有一些JQuery或其他Javascript片段来处理这个问题?

修改

现在我使用" zoombox",这肯定解决了缩放问题。但是,现在所有漂亮的幻灯片功能都丢失了!即,我不能使用箭头键或循环浏览图像库!

3 个答案:

答案 0 :(得分:6)

以下是三个功能丰富且使用广泛的插件,它们应该可以轻松完成工作:

http://www.jacklmoore.com/colorbox

http://fancybox.net/

http://www.grafikart.fr/zoombox

修改:几乎所有灯箱解决方案都列在并进行了比较:http://planetozh.com/projects/lightbox-clones/

答案 1 :(得分:1)

在测试了十几个这些库之后,我已经确定了Floatbox。默认设置可调整图像大小以适合屏幕,并允许使用箭头键进行导航。单击图像可将其缩放至100%。它可以在颜色,窗口装饰等方面轻松配置。

答案 2 :(得分:1)

我将Lightbox2分叉以包含自动缩放功能。

现在,如果图像大于窗口,它将自动调整为80%。

你可以在我的新回购邮件中找到它here