title: Dynamically adjust skitter slideshow images size
body: <p>How to resize (scale) slide images to a different size from jquery or css or any other ways?</p>
  
  <p>it always load the main images full width and height and controlling with following ways does not work. </p>
  
  <p>you can download <a href="https://github.com/thiagosf/SkitterSlideshow/zipball/master">sample full working skitter sample</a>  and test it easily yourself </p>
  
  <p>no help is found inside <a href="http://www.skitter-slider.net/documentation">http://www.skitter-slider.net/documentation</a></p>
  
  <p>it is possible to resize the images slider container by following sample code but if the images if larger than 530 px it will only shows some part of it.</p>
  
  <pre><code>$(document).ready(function() {
             $('.box_skitter_large').css({width: 530, height: 110}).skitter({
                  theme: 'minimalist',numbers_align: 'center'                 
              });    
          });
      &lt;/script&gt;
  </code></pre>
  
  <p>also setting images width and height in img tags does not help .</p>
  
  <h2>the following is the more specific scenario in the original question which may help.</h2>
  
  <p>I wrote the below code to dynamically adjust images size on window resize using skitter and jquery . but its not working pls help </p>
  
  <pre><code>&lt;script&gt;
  $('.box_skitter_normal').addClass("z1").skitter({label: false, numbers: false});
              $('.box_skitter_normal2').addClass("z2").skitter({label: false, numbers: false});
  
  $(window).resize(function() {
     $('.box_skitter_normal').addClass("z1").skitter({label: false, numbers: false});
              $('.box_skitter_normal2').addClass("z2").skitter({label: false, numbers: false});
  });
  &lt;/script&gt;
  </code></pre>