4

我正在使用 jQuery “灯箱”插件,虽然我不知道这是否是有关手头问题的必要信息。

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

编辑

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

4

3 回答 3

6

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

http://www.jacklmoore.com/colorbox

http://fancybox.net/

http://www.grafikart.fr/zoobox

编辑:几乎每个灯箱解决方案都在以下位置列出和比较:http ://planetozh.com/projects/lightbox-clones/

于 2012-05-16T00:56:16.823 回答
1

在测试了十几个这样的库后,我选择了Floatbox 。默认设置使图像大小适合屏幕并允许使用箭头键进行导航。单击图像会将其放大到 100%。它在颜色、窗户装饰等方面很容易配置。

于 2013-03-24T15:27:40.663 回答
1

我分叉了 Lightbox2 以包括自动缩放。

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

你可以在这里找到它,在我的新仓库中。

于 2013-06-27T07:24:07.813 回答