設置jquery彈出大圖像的寬度和高度

Question

我已經使用了一個jquery彈出式圖庫，用於我的網站，我想將可調整大小的圖像設置爲某個固定的高度和寬度。我不能在這裏得到確切的代碼是我在身體部位畫廊

<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> 

和代碼圖像

<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來控制代碼。如果您使用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。

希望這有助於