galleria javascript在Firefox Chrome和IE浏览器中查看图像的顶部和底部

时间:2010-12-14 20:56:26

标签: javascript galleria

galleria javascript在Firefox Chrome和IE浏览器中查看图像的顶部和底部

但在Safari中,此问题不存在。

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

没有比较松鼠图像与原始图像 右键单击任何图像,您将看到脚本如何不显示完整图像。

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

如果有人可以提供帮助请告知。我们需要显示整个图像。

谢谢大家。

3 个答案:

答案 0 :(得分:0)

我相信这是拱廊应该如何表现的。在全屏模式下,它会填充屏幕,因此它将裁剪顶部或侧面,无论哪个超出浏览器窗口的宽高比。

在全屏模式下,如果您有一个宽浏览器窗口,它将裁剪上/下。如果您将浏览器窗口的大小调整为纵向,则会向左/向右裁剪。

答案 1 :(得分:0)

答案 2 :(得分:0)

尝试设置你的css:

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

这对我有用,我认为在Safari中存在一些与图像属性max-width有关的问题。您可以使用这个简单的技巧或改进此技术添加一些条件css,例如,只有当galleria的选项“imageCrop”设置为true时,才将max-width设置为特定值。如果这也适合您,请告诉我们!