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