我正在使用 jQuery “灯箱”插件,虽然我不知道这是否是有关手头问题的必要信息。
我通过幻灯片放映的图像非常大。它们中的每一个都比屏幕大得多(我不在我的服务器上托管图像,所以我无法调整它们的大小)。我需要缩放它们以适应屏幕的范围(可能还有一些边距)。是否有一些 JQuery 或其他 Javascript 片段可以解决这个问题?
编辑
现在我使用“zoombox”,它肯定解决了缩放问题。但是,现在所有漂亮的幻灯片功能都丢失了!即,我不能使用箭头键或循环浏览图片库!
我正在使用 jQuery “灯箱”插件,虽然我不知道这是否是有关手头问题的必要信息。
我通过幻灯片放映的图像非常大。它们中的每一个都比屏幕大得多(我不在我的服务器上托管图像,所以我无法调整它们的大小)。我需要缩放它们以适应屏幕的范围(可能还有一些边距)。是否有一些 JQuery 或其他 Javascript 片段可以解决这个问题?
现在我使用“zoombox”,它肯定解决了缩放问题。但是,现在所有漂亮的幻灯片功能都丢失了!即,我不能使用箭头键或循环浏览图片库!
以下是三个功能丰富且使用广泛的插件,它们应该可以轻松完成工作:
http://www.jacklmoore.com/colorbox
http://www.grafikart.fr/zoobox
编辑:几乎每个灯箱解决方案都在以下位置列出和比较:http ://planetozh.com/projects/lightbox-clones/
在测试了十几个这样的库后,我选择了Floatbox 。默认设置使图像大小适合屏幕并允许使用箭头键进行导航。单击图像会将其放大到 100%。它在颜色、窗户装饰等方面很容易配置。