Revolution Responsive jQuery Slider 圖像寬度和高度變化

Question

在帶有類slotholder的 div 內是一個類defaultimg的圖像，高度和寬度自動添加。 我想特別改變圖像的高度和寬度。

這是代碼：

<div class="slotholder">
  <img class="defaultimg" alt="" src="image.png" style="width: 1399px; 
height: 724.45px; position: relative; left: -25px; opacity: 0;">

我試圖在 css 中更改寬度和高度，例如：

img .defaultimg{
  width:1570px !important;
  height:813px !important;
}

但不工作。 如何通過 CSS 或 jQuery 更改此設置？

Answer 1

如果要更改滑塊的寬度和高度，請查看旋轉滑塊腳本的文檔。 在那里您將找到所有設置，包括例如用於設置滑塊大小的gridwidth和gridheight選項，即使對於不同的視口大小也是如此。

因此，在初始化滑塊時，您可以執行以下操作：

jQuery(document).ready(function() { 
   jQuery("#your-slider").revolution({
      gridwidth:1570,
      gridheight:813 
    }); 
}); 

如果您已經使用一些設置初始化了滑塊，只需添加gridwidth和gridheight選項。

這是比嘗試用 CSS !important聲明覆蓋生成的樣式更合適的解決方案。

Answer 2

問題是您的選擇器：

img .defaultimg

在img類defaultimg的元素_{（順便說一下，這是不可能的）}

您需要的是具有類defaultimg的img元素，刪除空間如下：

img.defaultimg