如何动态设置幻灯片的宽度和高度

Question

我已经使用名为 slideshow 的 div 中的图像设置了一个网页。 div 的最大宽度应为 1600 像素，最大高度应为 600 像素（此处使用的原始 jpg 的宽度和高度），并在屏幕变小或调整大小时动态缩小。

这很好用，因为图像的行为由 CSS 设置如下：

 .slideshow img{
    margin:0 auto;
    width: 100%;
    max-width: 1600px;
    min-width: 900px;
}

现在我想通过用 Pixedelic 的 Camera Slideshow 替换图像来达到相同的效果。但在这里我无法使用 .slideshow img{} 控制图像，因为脚本使用 div 而不是图像标签。

相机幻灯片的宽度和高度由 jQuery 函数控制。我已将幻灯片放映在我尝试通过 CSS 控制的 .slides div 中，如下所示：

 .slideshow .slides{
    display: block;
    margin:0 auto;
    max-width: 1600px;
    max-height: 600px;
    overflow:visible;
}

（溢出是可见的，看看会发生什么）

当我在函数中分配一个高度值（即 600px）时，幻灯片以其最大高度加载，但在缩小页面大小时不会缩小： http ://www.centredelafontaine.be/testpage1.html

当我在函数中将高度和宽度值留空时，幻灯片会在调整大小时缩小，但会以 800 像素（？）的高度打开并裁剪内部更大的图像，溢出下面放置的 div： http ://www.centredelafontaine.be /testpage2.html

谁能帮我解决这个问题？

原文由 Truncatus 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

您可以将 portrait 属性设置为 true，图像将不会被裁剪。

jQuery('#your-camera-gallery').camera({
        肖像：真实，
});

原文由 Asuna 发布，翻译遵循 CC BY-SA 4.0 许可协议