如何在预制画廊中使照片自动调整大小？

Question

我想使用这个预制的幻灯片照相馆http://www.twospy.com/galleriffic/ ，但是我想将美术馆的尺寸更改为高度450px和宽度700px。...问题是我不知道如何，然后我看到它取决于最大照片的高度。 但是，当我首先看到画廊时，我认为画廊具有固定的尺寸，并且图像会根据显示时的高度或宽度自动调整大小。 那么，如何调整我的想法来调整图像的大小，而不是调整整个画廊的大小？ 我的意思是，我将使用大于1024x768或768x1024的照片，并且我希望我的图库为700x500 .....对于我想将照片裁剪为50x50px的照片图标，我该怎么办？ :)

Answer 1

我不确定这是否会奏效，因为我不知道插件，但是您可以通过使用CSS强制所有图像一定大小来尝试。 将此添加到您的CSS文件。

img{
   max-width:500px;
   max-height:700px;
}

这将强制所有图像达到该大小。

另外，如果您想在页面中使用更多图像，那么我建议对图库中的图像进行分类以强制其尺寸。

.img_size{
   max-width:500px;
   max-height:700px;
}

然后在您的pluggin的图像标签中添加

class="img_size"

或者，您可以将max-width和max-height标签添加到图库Div中，然后将图像中的max-width + max-height标签设置为继承