Photoswipe縮略圖大小問題 - 試圖調整統一外觀的縮略圖

我正在使用Photoswipe進行圖像調整問題。基本上，這就是我的照片庫現在的樣子： http://img4.imageshack.us/img4/8431/problemeq.png Photoswipe縮略圖大小問題 - 試圖調整統一外觀的縮略圖

我插入的照片之間存在差距。我基本上不使用縮略圖，而是傳遞原始照片。但我嘗試將照片大小調整爲縮略圖大小，但它所做的只是保持相同的尺寸並降低所顯示照片的質量。

而且我希望它看起來像這樣沒有壓扁的照片： http://img651.imageshack.us/img651/9199/exampleiq.png

我風格的高度固定在200像素，而不是「自動」，所以這改變窗口的分辨率，當真正伸展照片。

我錯過了什麼？我不認爲這是一個Photoswipe問題;最有可能的CSS，但我不知道要改變什麼。任何幫助將不勝感激。謝謝！

P.S.抱歉的鏈接，但我無法發佈圖像。

來源

2013-02-03 Con Antonakos

，我們需要看到的代碼，不只是JPG格式 –

這似乎是一個遺棄的問題，但它回答了我後。此外，有些棘手，沒有看到OP代碼，但假設這是相當不變photoswipe，這裏是我的答案......

這樣做的缺點是，更換股票div.gallery-item，div.gallery-item a，並且div.gallery-item img這些，並加少許img調整。

div.gallery-item { 
    float:left; 
    width: 33.3333333%; 
    padding-bottom: 33.3333333%; 
    position: relative; 
} 

div.gallery-item a { 
    position:absolute; 
    width:100%; 
    height:100%; 
    background:#fff; 
    text-align:center; 
    border:1px solid #3c3c3c; 
} 
div.gallery-item img { 
    position: absolute; 
    top: 0; 
    bottom: 0; 
    left: 0; 
    right: 0; 
    margin: auto; 
} 

img{ 
    max-height:100%; 
    max-width:100%; 
}

Here's a Fiddle（不與photoswipe，但它的主要依據）

來源

2014-05-20 08:22:31

Photoswipe縮略圖大小問題 - 試圖調整統一外觀的縮略圖

回答

相關問題