0

在 Firefox Chrome 和 IE 中查看时，galeria javascript 裁剪图像的顶部和底部

但是在 Safari 中这个问题不存在。

请在此处查看问题 http://galleria.aino.se/media/galleria/src/themes/fullscreen/fullscreen-demo.html

不要将松鼠图像与其原始图像进行比较，右键单击任何图像，您将看到脚本如何不显示完整图像。

我们正在使用广场。js全屏的wordpress主题，我们所有的图片都是相同的大小，所以没有高度问题我们将使用的图片是1600x900

如果有人可以帮忙请指教。我们需要显示整个图像。

谢谢大家。

4

3 回答 3

0

我相信这就是广场应该有的表现。在全屏模式下，它会填满屏幕，因此它将裁剪顶部或侧面，以超出浏览器窗口的纵横比为准。

在全屏模式下，如果您有一个宽浏览器窗口，它将裁剪顶部/底部。如果将浏览器窗口调整为纵向，它将裁剪左/右。

于 2010-12-14T22:04:25.460 回答
0

您可以使用 image_crop 选项控制此行为。

F.ex 如果您希望图像始终适合，请将其设置为false.

于 2011-01-06T16:00:16.317 回答
0

尝试在你的CSS中设置：

.galleria-image img {max-width:6000px !important;}

这对我有用，我认为 Safari 中图像的属性 max-width 存在一些问题。您可以使用这个简单的技巧或改进此技术添加一些条件 css，例如，仅当 Galleria 的选项“imageCrop”设置为 true 时，才将 max-width 设置为特定值。让我知道这是否也适合您！

于 2013-05-27T13:22:03.497 回答