求めているものに非常に近いソリューションを見つけましたが、プログラミングの経験が限られているため、それらを機能させることはできません。
私がやりたいことは、ウィンドウ サイズに基づいて 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
さの値を未満にする高さ。515
1280
615
480
715
このコード (ここから取得) が必要なようですが、特定の状況に合わせてコードを変更する方法がわかりません。
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);
}
誰か助けてくれませんか?これを行うには画面の幅だけが必要だと思いますが、よくわかりません。本当にありがとう!