Question

我有一个问题！我在我的网站中使用j-box作为图库，但是js设置了默认宽度（800）和高度（563）。当我使用800x600px图像时，一切都还可以。但是当我使用600x800px图像时，这些图像会被切割以占据800x600的空间。我可以修改一下：

<script>
    $(document).ready(function() {
        new jBox('Image', {
            width: 800,
            height: 563
        });
    });
</script>

并将图像设置为宽度＆＃39;宽度，高度相同？

抱歉我的英语不好。

Answer 1

图像被剪切，因为选项imageSize的默认设置是“覆盖”。

您可以将其设置为“包含”或“自动”或任何其他背景大小值，请在此处详细了解：http://stephanwagner.me/jBox/options在“类型图像的附加选项”部分下

<script>
    $(document).ready(function() {
        new jBox('Image', {
            width: 800,
            height: 600,
            imageSize: 'contain'
        });
    });
</script>

Answer 2

尝试

<script>
    $(document).ready(function() {
        new jBox('Image', {
            width: auto,
            height: auto
        });
    });
</script>

Answer 3

谢谢你们。使用＆＃39; auto＆＃39;图像容器就像0x0。使用imageSize：＆＃39;包含＆＃39;它非常完美。问题解决了！

如何改变jbox-gallery-gallery的宽度？

3 个答案: