라이트 박스 이미지 크기를 수정하는 방법은 무엇입니까?

Question

라이트 박스 2를 사용하여 이미지를 확대하여 보여줍니다. 일부 그림 크기가 브라우저 창 크기 및보기 어려움보다 크기 때문에 라이트 박스 이미지 상자 크기를 기본값으로 수정하는 방법은 무엇입니까?

Answer 1

아마도 CSS를 사용할 수 있습니다. 예 :

#lightbox #imageContainer img { 
    max-width: 600px; 
} 

/********************************************* 
* 
* NOTE: "max-width" is not supported by IE6. 
*  If al your images are bigger than 
*  the "default", just use "width". 
* 
*********************************************/ 

다른 라이트 박스 라이브러리를 사용하는 것이 좋습니다. 나의 마음에 드는 실제로 자신의 설명에 따라 scalePhotos라는 옵션이 있습니다, Colorbox입니다 :

true의 경우, 그리고의 maxWidth,의 maxHeight, innerWidth, innerHeight, 너비 또는 높이가 정의 된 경우, ColorBox 사진을 확장 할 수 그 값들에 맞게

이 옵션의 기본값은 true입니다.