title: Change Dangerous swiper settings on resize - reload slider
body: <p>I have the following "responsive" slider made with Dangerous swiper, On mobile under 653px it shows 1 slide at a time, and on desktop above 653px it shows as many that can fit in: IF you load  the page at each screen size it seems to work fine, however when you resize (the browser) it sometimes gets a bit messed up. i.e. slides drop down, or the slides width changes when you resize back up again</p>
  
  <p>At the moment I have the following code for the resize part:</p>
  
  <pre><code>$(window).resize(function() {   
          var browserWidthResize = $(window).width(); // New width
                   if (browserWidthResize &lt; 653) {
                          mySwiper.params.slidesPerView=1
  
                   } else { 
                        mySwiper.params.slidesPerView='auto'
                   }
          });     
  </code></pre>
  
  <p>This changes the slidesperview parameter on resize.</p>
  
  <p>However I'm guessing that it might be best to reload the slider altogether with the new settings on resize, or could be there be a better way to tackle this? </p>
  
  <p>You can see it in action here:</p>
  
  <p><a href="http://machinas.com/wip/hugoboss/responsive-template/v1/" rel="nofollow">http://machinas.com/wip/hugoboss/responsive-template/v1/</a></p>
  
  <p>thanks.</p>