jquery - 设置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 库来显示图像，那么将有一个关联的样式表，您可以编辑该样式表来设置显示的图像尺寸。或者可能有一个选项可以在初始化程序中设置显示的图像宽度。您的替代方法是覆盖库设置的任何样式。

在您的自定义样式表中，您可以尝试以下操作，假设固定宽度为 300px，

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

添加 !important 确保它是使用的样式，它应该覆盖您正在使用的库已经定义的任何其他样式。单击以获取有关 !important 的更多信息。

希望这可以帮助