Photowipe缩略图图像大小问题 - 尝试调整缩略图大小以获得统一的外观



我在使用Photowipe时遇到了图像大小问题。 基本上,这就是我的照片库现在的样子:http://img4.imageshack.us/img4/8431/problemeq.png

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

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

我将高度固定为 200px 而不是"自动",因此在更改窗口分辨率时它确实会拉伸照片。

我错过了什么?我不认为这是照片擦除问题;很可能是 CSS,但我不知道该更改什么。任何帮助将不胜感激。谢谢!

附言对不起,链接,但我还不能发布图片。

这似乎是一个被遗弃的问题,但在回答后它得到了我。另外,没有看到 OP 代码有点棘手,但假设它是相当原始的 photowipe,这是我的答案......

简而言之,用这些替换库存div.gallery-itemdiv.gallery-item adiv.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%;
}

这是一个小提琴(不是用照片擦拭,而是它的主要要点)

最新更新