0

求めているものに非常に近いソリューションを見つけましたが、プログラミングの経験が限られているため、それらを機能させることはできません。

私がやりたいことは、ウィンドウ サイズに基づいて 2 つのインライン css タグ内のパラメーターを変更することです。

私のサイトでは、これら 3 つのパラメーターを変更する必要があります (具体的515には、次の数値を変更します)。

  • 1) インライン CSS:<div id="rev_slider_1_1" class="rev_slider fullwidthabanner" style="display:none;max-height:515px;">
  • 2) インライン CSS:<div id="rev_slider_1_1_wrapper" class="rev_slider_wrapper fullwidthbanner-container" style="margin:0px auto;padding:0px;margin-top:0px;margin-bottom:0px;max-height:515px;">

私がする必要がある515のは、ウィンドウの幅に基づいて を変更することです: ウィンドウの幅が上にある場合は、高1280さの値を未満にする高さ。5151280615480715

このコード (ここから取得) が必要なようですが、特定の状況に合わせてコードを変更する方法がわかりません。

jQuery.event.add(window, "load", resizeFrame);
jQuery.event.add(window, "resize", resizeFrame);

function resizeFrame() 
{
    var h = $(window).height();
    var w = $(window).width();
    $("#elementToResize").css('height',(h < 1024 || w < 768) ? 500 : 400);
}

誰か助けてくれませんか？これを行うには画面の幅だけが必要だと思いますが、よくわかりません。本当にありがとう！

4

1 に答える 1

3

これはあなたがあなたの条件を書くかもしれない方法です：

$(window).on('load resize', function () {
  var w = $(window).width();
  $("#rev_slider_1_1 #rev_slider_1_1_wrapper")
    .css('max-height', w > 1280 ? 515 : w > 480 ? 615 : 715);
});
于 2012-09-02T08:41:09.813 に答える