首页 文章

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

提问于
浏览
4

我正在使用jQuery "Lightbox"插件,虽然我没有关于手头问题的必要信息 .

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

编辑

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

3 回答

  • 1

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

    http://www.jacklmoore.com/colorbox

    http://fancybox.net/

    http://www.grafikart.fr/zoombox

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

  • 6

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

  • 1

    我将Lightbox2分叉,包括自动缩放 .

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

    你可以在我的新回购中找到here .

相关问题