/ / RevolutionレスポンシブjQueryスライダー画像の幅と高さの変更 - javascript、jquery、html、css

RevolutionレスポンスのjQuery Slider画像の幅と高さの変更 - javascript、jquery、html、css

divの中のクラス slotholder クラスのイメージです defaultimg 高さと幅が自動的に追加されます。画像の高さと幅を特別に変更したい。

ここにコードです:

<div class="slotholder">
<img class="defaultimg" alt="" src="/images/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でこれを変更できるのか?

回答:

回答№1は2

スライダーの幅と高さを変更したい場合は、 革命スライダースクリプトのドキュメンテーション。そこにはすべての設定があります。 gridwidth そして gridheight 異なるビューポートサイズに対してもスライダーのサイズを設定するオプション。

スライダーを初期化すると、次のことができます。

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

スライダーをすでにいくつかの設定で初期化している場合は、 gridwidth そして gridheight オプション。

これはCSSで生成されたスタイルを上書きしようとするよりも適切な解決策です。 !important 宣言


回答№2については2

問題はあなたのセレクタです:

img .defaultimg

クラスを持つ要素を検索します defaultimg 内部 img (ところで、これは不可能です)

あなたが必要なのは、 img クラスを持つ要素 defaultimg このようにスペースを削除します。

img.defaultimg