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缩略图大小问题 - 试图调整统一外观的缩略图

回答

相关问题