Photoswipe 축소판 이미지 크기 문제 - 균일 한 모양을 위해 축소판 크기를 조정하려고합니다.

Question

Photoswipe에서 이미지 크기 조정 문제가 있습니다. 기본적으로,이 내 사진 갤러리 지금과 같은 모습입니다 : http://img4.imageshack.us/img4/8431/problemeq.png

내가 삽입 한 내 사진 사이에 차이가 있습니다. 기본적으로 미리보기 이미지를 사용하지 않고 원래 사진을 전달합니다. 그러나 사진을 축소판 크기로 크기 조정하려고 시도했지만 표시되는 사진의 품질을 떨어 뜨리고 크기를 줄이는 것이 전부입니다.

그리고 나는 사진을 함부로 대하지 않고 다음과 같이 할 : 윈도우 해상도를 변경할 때 정말 사진을 뻗어 있도록 '자동'나는 높이보다는 200 픽셀로 고정하는 스타일 한 http://img651.imageshack.us/img651/9199/exampleiq.png

을 .

무엇이 누락 되었습니까? 나는 이것이 Photoswipe 문제라고 생각하지 않는다. 가장 가능성이 CSS가 있지만, 나는 무엇을 변경 해야할지 모르겠다. 어떤 도움이라도 대단히 감사하겠습니다. 감사!

P. 죄송하지만 링크를 아직 이미지를 게시 할 수 없습니다.

Answer 1

이것은 버려진 질문처럼 보이지만 답변을받은 후에 나에게있어. 또한, 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, 그러나 그것의 주요 요점과)