我正在使用jQuery "Lightbox"插件,虽然我没有关于手头问题的必要信息 .
我通过幻灯片放映的图像非常大;他们每个都比屏幕大得多(我没有在我的服务器上托管图像,所以我不能调整它们的大小) . 我需要缩放它们以适应屏幕的范围(也可能有一些余量) . 是否有一些JQuery或其他Javascript片段来处理这个?
编辑
现在我使用“zoombox”,这肯定解决了缩放问题 . 但是,现在所有漂亮的幻灯片功能都丢失了!即,我无法使用箭头键或循环浏览图像库!
我正在使用jQuery "Lightbox"插件,虽然我没有关于手头问题的必要信息 .
我通过幻灯片放映的图像非常大;他们每个都比屏幕大得多(我没有在我的服务器上托管图像,所以我不能调整它们的大小) . 我需要缩放它们以适应屏幕的范围(也可能有一些余量) . 是否有一些JQuery或其他Javascript片段来处理这个?
现在我使用“zoombox”,这肯定解决了缩放问题 . 但是,现在所有漂亮的幻灯片功能都丢失了!即,我无法使用箭头键或循环浏览图像库!
3 回答
这里有三个功能丰富且使用广泛的插件,它们应该可以轻松完成这项工作:
http://www.jacklmoore.com/colorbox
http://fancybox.net/
http://www.grafikart.fr/zoombox
Edit: 几乎所有灯箱解决方案都列在并进行了比较:http://planetozh.com/projects/lightbox-clones/
在测试了十几个这样的库后,我已经确定了Floatbox . 默认设置可调整图像大小以适合屏幕,并允许使用箭头键进行导航 . 单击图像可将其缩放至100% . 它可以在颜色,窗口装饰等方面轻松配置 .
我将Lightbox2分叉,包括自动缩放 .
现在,如果图像大于窗口,它将自动调整为80% .
你可以在我的新回购中找到here .