Как обновить маржу слева на размер окна

Question

Мне нужно динамически менять размер изображения при изменении размера окна. Но когда я изменяю размер окна, мне нужно обновить страницу, чтобы получить изображение в нужном месте. Есть ли способ не обновлять страницу, чтобы получить правильный запас.

var iw = $(window).width(); 
     jQuery(document).ready(function($) {  


      updateContainer(); 
      $(window).resize(function() { 
       updateContainer(); 
      }); 


     });  

     function updateContainer(){ 

      $(".rimg").each(function() {     
       var w =$(this).width();    
       if(w>iw){      
        marg = (w-iw); 

        $($(this)).css("margin-left", function() { return "-"+marg+"px" }); 
       } 


      }); 
     } 

Answer 1

Try со следующим сценарием

jQuery(document).ready(function($) {  
     $(window).resize(function() { 
      var iw = $(window).width(); 
      updateContainer(iw); 
     }); 


    });  

    function updateContainer(iw){ 

     $(".rimg").each(function() {     
      var w =$(this).width();    
      if(w>iw){      
       marg = (w-iw); 

       $($(this)).css("margin-left", function() { return "-"+marg+"px" }); 
      } 


     }); 
    } 

Вы объявили iw за пределами функции изменения размера, так что даст тот же размер окна только, попробуйте объявить размер окна внутри функции resize