如何在预制画廊中自动化照片?

时间:2013-03-10 20:05:18

标签: jquery html css

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

1 个答案:

答案 0 :(得分:3)

我不确定这是否会起作用,因为我不知道插件,但你可以尝试用CSS强制所有图像一定大小。将其添加到CSS文件中。

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

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

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

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

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

class="img_size"

或者您可以将 max-width max-height 标记添加到图库Div中,然后设置 max-width + <图像中的em> max-height 标记为继承

相关问题