2013-03-10 24 views
0

我想使用這個預製幻燈片照片庫http://www.twospy.com/galleriffic/,但我想改變畫廊尺寸高度450px,寬度:700px ....問題是我不知道如何,然後我看到它取決於高度最大的照片。但是,當我第一次看到畫廊時,我認爲畫廊有固定的尺寸,圖片會自動調整大小,這取決於它們展示時的高度或寬度。那麼我怎麼能讓這個東西變成我想的,調整圖像的大小而不是調整整個畫廊的大小?我的意思是,我將使用大於1024x768或768x1024的照片,並且我希望我的畫廊成爲700x500 .....我認爲將照片裁剪爲50x50像素的照片圖標,我該怎麼做呢? :)如何在預製圖庫中製作照片自動調整大小?

回答

3

我不確定這是否會起作用,因爲我不知道插件,但是您可以嘗試使用CSS強制所有圖像具有一定的大小。將此添加到您的CSS文件。

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

這將強制所有圖像的大小。

或者,如果你想在你的頁面中使用更多的圖像,那麼我建議爲圖庫中的圖像製作一個類來強制它們的大小。

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

然後在撐着的圖像添加標籤

class="img_size" 

或者你可以標籤添加最大寬度最大高度爲畫廊事業部,然後設置最大-width + 最大高度圖片中的標籤爲繼承

相關問題