jquery 팝업 큰 이미지의 너비와 높이를 설정하십시오.

Question

크기 조정이 가능한 이미지를 고정 된 높이와 너비로 설정하고 싶은 제 웹 사이트에 jquery 팝업 갤러리를 사용했습니다. 나는 정확한 코드가 여기

<span id="images"> 
     <a href="images/photos/1.jpg" toptions="overlayClose = 1"> 
      <img src="images/thumbnails/1.jpg"/> 
     </a> 
     <a href="images/photos/1.jpg" toptions="overlayClose = 1"> 
      <img src="images/thumbnails/1.jpg"/> 
     </a> 

     </span> 

Answer 1

이미지 크기는 CSS를 통해 제어 할 수있는 신체 부분에 이미지 갤러리

<script type="text/javascript" src="javascripts/top_up-min.js"></script> 
<script type="text/javascript"> 
    TopUp.addPresets({ 
    "#images a": { 
     fixed: 0, 
     group: "images", 
     modal: 0, 
     title: "gallery" 

    }, 

    "#movies": { 
     resizable: 0 
    } 
    }); 
</script> 

및 코드에 대한 내 코드입니다 그럴수. jQuery 라이브러리를 사용하여 이미지를 표시하는 경우 표시된 이미지 크기를 설정하기 위해 편집 할 수있는 연관된 스타일 시트가 있습니다. 또는 이니셜 라이저에 표시된 이미지 너비를 설정하는 옵션이있을 수 있습니다. 라이브러리에서 설정 한 스타일을 덮어 쓰지 않아도됩니다. 사용자 정의 스타일 시트에서

당신은, 300 픽셀의 고정 폭을 가정

img{width:300px !important;} 

또는

a img{width:300px !important;} 

또는

#images img{width:300px !important;} 

또는

a img{width:300px !important;} 

를 다음을 시도해 볼 수도 있습니다

또는

#images a img{width:300px !important;} 

추가

! 중요한 것은, 그것이 사용되는 스타일을 보장 이미 사용중인 라이브러리에 의해 정의 된 다른 스타일을 덮어 쓰기합니다. Click for more info on !important.

도움이 되겠습니다.