0

我想使用这个预制的幻灯片照片库http://www.twospy.com/galleriffic/,但我想将画廊尺寸更改为高度 450 像素,宽度:700 像素....问题是我不知道如何,然后我看到它取决于最大照片的高度。但是,当我第一次看到画廊时,我认为画廊的尺寸是固定的,并且图像会自动调整大小,具体取决于它们在显示时的高度或宽度。那么我怎样才能让这个东西像我想的那样,调整图像大小而不是调整整个画廊的大小?我的意思是,我将使用大于 1024x768 或 768x1024 的照片,并且我希望我的画廊为 700x500 .....对于我认为将照片裁剪为 50x50 像素的照片图标,我该怎么做呢?:)

4

1 回答 1

3

我不确定这是否可行,因为我不知道插件,但是您可以尝试使用 CSS 强制所有图像具有一定的大小。将此添加到您的 CSS 文件中。

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

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

或者,如果您想在页面中使用更多图像,那么我建议为图库中的图像创建一个类以强制它们的大小。

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

然后在插件的图像标签中添加

class="img_size"

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

于 2013-03-10T20:13:25.773 回答