2

Photoswipe で画像のサイズ変更に問題があります。基本的に、これは私のフォト ギャラリーが現在どのように見えるかです 。

挿入した写真の間にギャップがあります。私は基本的にサムネイルを使用していませんが、代わりに元の写真を渡しています。しかし、写真のサイズをサムネイル サイズに変更しようとしましたが、同じサイズを維持し、表示される写真の品質を下げるだけです。

そして、写真をつぶさずにこのように見せたい: http://img651.imageshack.us/img651/9199/exampleiq.png

高さを「自動」ではなく 200px に固定するようにスタイル設定したので、ウィンドウの解像度を変更すると写真が実際に引き伸ばされます。

私は何が欠けていますか？これは Photoswipe の問題ではないと思います。ほとんどの場合CSSですが、何を変更すればよいかわかりません。どんな助けでも大歓迎です。ありがとう！

PSリンクは申し訳ありませんが、まだ画像を投稿できません.

4

1 に答える 1

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%;
}

これがフィドルです（写真スワイプではなく、その主な要点です）

于 2014-05-20T08:22:31.263 に答える