2014-03-06 67 views
0

我用我的照相館花哨的盒子,發現問題上傳2張圖片。一個縮略圖和一個花式箱只有一個圖像的花式框

<a style="display: block;" class="fancybox imgContainer" href="images/lorenteJerome_barcelona.jpg" data-fancybox-group="gallery" data-filter="arch"><img src="images/lorenteJerome_barcelona.jpg" alt=""></a> 

任何方式,我可以上傳1個PIC,但我需要重新大小與CSS或jQuery的縮略圖。任何人都可以幫忙。

CSS縮略圖的:

.imgContainer { 
    width: 100px; 
    height: 100px; 
    overflow: hidden; 
    text-align: center; 
    margin: 10px 20px 10px 0; 
    float: left; 
    border: solid 1px #999; 
    display: block; 
} 
+0

'.imgContainer IMG {寬度:100%;}'嘗試把這個在CSS。它將採用父級的寬度並調整其大小。 – Era

回答

0

嘗試......

.imgContainer img { 
    width:100px; 
    height:100px; 
} 
+0

這是正確答案嗎? –

相關問題