title: iDangero.us Swiper multiple instances
body: <p>I'm trying to add multiple swipers (<a href="http://www.idangero.us/swiper/" rel="nofollow">http://www.idangero.us/swiper/</a>) on my site. I want to add the swipers dynamic so i use the same class for every swiper. Each swiper looks like this:</p>
  
  <pre><code>    &lt;div class="swiper-container"&gt;
          &lt;div class="swiper-wrapper"&gt;
              &lt;div class="swiper-slide"&gt;
                  Slide 1
              &lt;/div&gt;
              &lt;div class="swiper-slide"&gt;
                  Slide 2
              &lt;/div&gt;
              &lt;div class="swiper-slide"&gt;
                  Slide 3
              &lt;/div&gt;
              &lt;div class="swiper-slide"&gt;
                  Slide 4
              &lt;/div&gt;
          &lt;/div&gt;
          &lt;!-- Add Pagination --&gt;
          &lt;div class="swiper-pagination"&gt;&lt;/div&gt;
          &lt;!-- Add Arrows --&gt;
          &lt;div class="swiper-button-next"&gt;&lt;/div&gt;
          &lt;div class="swiper-button-prev"&gt;&lt;/div&gt;
      &lt;/div&gt;
  </code></pre>
  
  <p>If i want to initialize just one swiper everything works fine with this code:</p>
  
  <pre><code>var swiper = new Swiper('.swiper-container', {
      pagination: '.swiper-pagination',
      paginationClickable: '.swiper-pagination',
      nextButton: '.swiper-button-next',
      prevButton: '.swiper-button-prev',
      loop: true
  });
  </code></pre>
  
  <p>What i want is to instantiate multiple swipers on one page, like this:</p>
  
  <pre><code>var swipes = [];
  $('.swiper-container').each(function(i, obj){
      swipes[i] = new Swiper(obj, {
          pagination: '.swiper-pagination',
          paginationClickable: '.swiper-pagination',
          nextButton: '.swiper-button-next',
          prevButton: '.swiper-button-prev',
          loop: true
      });
  });
  </code></pre>
  
  <p>But this doesn't work for me. I think the propertys are causing problems. Maybe i should do something like this to be more specific and just use to pagination / nextButton / ... inside the current swiper and not on the whole site:</p>
  
  <pre><code>pagination: obj + '.swiper-pagination',
  paginationClickable: obj + '.swiper-pagination',
  nextButton: obj + '.swiper-button-next',
  ...
  </code></pre>
  
  <p>But i don't know exactly how to do it. How can i do this?</p>