jQuery를 사용하여 창 크기에 따라 슬라이더의 CSS 높이를 변경하십시오.

Question

제가 원하는 솔루션에 매우 근접해 있지만, 제한된 프로그래밍 경험으로 인해 저를 위해 작동시키지 못합니다.

내가하고 싶은 일은 창 크기를 기준으로 두 개의 인라인 CSS 태그 안의 매개 변수를 변경하는 것입니다. 내 사이트에

, 나는이 세 가지 매개 변수를 변경해야합니다 (특히 다음 수 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로 만드십시오. (here에서 촬영)

이 코드는 내가 필요한 것 같다,하지만 난 내 특정 상황에 대한 코드를 수정하는 방법을 알아낼 수 없습니다 :

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); 
} 

사람이 나에게 어떤 도움을 줄 수 있습니까? 나는 이것을하기 위해 화면 너비 만 필요하다고 생각하지만 확실하지 않습니다. 정말 고마워!

Answer 1

이것은 당신이 당신의 조건을 쓸 수 있습니다 방법입니다

$(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); 
});