0

javascript に次のコードがあります。

var demoSlider_3 = Sliderman.slider({container: 'SliderName_3', 
                                     width: 167, 
                                     height: 250, 
                                     effects: effectsDemo3, 
                                     display: { autoplay: 4000 }
                                    });

私がやろうとしているのは、CSS ファイルで幅と高さを設定することです (レスポンシブにしようとしています)。

今のところ解決策が見つかりません...
だから、誰かが手がかりを持っているなら、私はあなたの助けに感謝します!

ありがとうございました

4

2 に答える 2

1

CSS を介して初期幅の高さを設定し、JavaScript を介してスライダーになる要素から読み取ることができます。要素のスタイル設定にインライン スタイル、CSS クラスなどを使用するかどうかは問題ではありません。計算された値を読み取り、スライダーの初期化で使用するだけです。

于 2012-09-26T10:05:38.347 に答える
0

JavaScriptを使用してページに追加するものを特定の要素の寸法に応答させたい場合は、通常、width = '100％' height = '100％'を使用し、ラッピング要素をcssで調整して定義された幅と高さ。

例（簡単にするためにjQueryを使用）：

css：

.wrapper { width: 300px; height: 300px; }

js：

$(function(){
  var myElementToEmbed = $('<div />').css({width:'100%',height:'100%'});
  var targetWrapper = $('.wrapper');
  targetWrapper.append( myElementToEmbed );
});

dom：

<div class="wrapper"></div>

このようにして、JavaScriptは（必要に応じて）機能的な動作を処理し、CSSは（必要に応じて）表示のスタイルを処理します。

于 2012-09-26T10:13:49.363 に答える