Faire la taille div de parent sur le redimensionnement

Question

Est-il possible de faire un div de la taille de son parent sur le redimensionnement de la fenêtre?

I ont actuellement le html

<div class="sliderContainer"> 
    <div id="cyler"> 
     <div class="cy1" style="background-image:url(images/Keggy_Banner_Ie.jpg); background-position:center center; background-size:2000px 390px; height:390px;"></div> 
     <div class="cy1" style="background-image:url(images/Bravissimo_Banner_ie.jpg); background-position:center center; background-size:2000px 390px; height:390px;"> </div> 
     <div class="cy1" style="background-image:url(images/Radley_Banner_ie.jpg); background-position:center center; height:390px;"> ></div> 
     <div class="cy1" style="background-image:url(images/Tiger_Banner_ie.jpg); background-position:center center; height:390px;"></div> 
    </div> 
</div> 

suivant La classe sliderContainer a une largeur maximale de 2000px et une largeur min de 1000px (oveeflow masqué)

Actuellement la charge .cy1 de divs à pleine taille de la fenêtre et l'image est centrée - ce qui est cool - mais si je redimensionne les divs .cy1 - ils restent à la largeur de la fenêtre d'origine. J'ai essayé le JS suivant pour détecter la redimensionnement de l'écran et appliquer la largeur de l'écran à la div - pour l'étirer à la taille de ses parents (la première partie du script s'assure qu'elle ne se déclenche qu'une fois lors du redimensionnement complet), mais je n'ai pas de chance avec ça non plus - des suggestions?

var sizl = $(window).width(); 
var delay = (function(){ 
    var timer = 0; 
    return function(callback, ms){ 
     clearTimeout (timer); 
     timer = setTimeout(callback, ms); 
    }; 
})(); 

$(window).resize(function() { 
    delay(function(){ 
     $("#cycler .cy1").width(sizl); 
    }, 500); 
}); 

Answer 1

Calculer la largeur de la fenêtre à l'intérieur de votre fonction de modification de taille

$(window).resize(function() { 
    delay(function() { 
     var sizl = $(window).width(); 
     $("#cycler .cy1").width(sizl); 
    }, 500); 
}); 

Answer 2

Vous pourriez vous le définir comme ceci:

var windowWidth = $(window).width(); 
    $('#cycler .cy1').css({'width':windowWidth});