Question

我在使用Photoswipe时出现了图像尺寸问题。基本上，这就是我的照片库现在的样子： http://img4.imageshack.us/img4/8431/problemeq.png

我插入的照片之间存在空白。我基本上不使用缩略图，而是传递原始照片。但我尝试将照片大小调整为缩略图大小，然而，它所做的只是保持相同的尺寸并降低所显示照片的质量。

我希望它看起来像这样而不会压扁照片： http://img651.imageshack.us/img651/9199/exampleiq.png

我将高度定义为200px而非'自动'，因此在更改窗口分辨率时它会真正拉伸照片。

我错过了什么？我不认为这是一个Photoswipe问题;很可能是CSS，但我不知道要改变什么。任何帮助将不胜感激。谢谢！

P.S。很抱歉这些链接，但我还无法发布图片。

Answer 1

这似乎是一个被抛弃的问题，但它得到了我的回答。此外，没有看到OP代码有点棘手，但假设它是相当未触动的照片，这是我的回答......

缺点是，用这些替换库存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缩略图图像大小问题 - 尝试调整缩略图的大小以获得统一外观

1 个答案: