title: jQuery slide vertical images
body: <p>I hope someone can help me with the following problem.</p>
  
  <p>I have a vertical scrollbar on my website which shows 5 images and will scroll 5 images further or back, depeding on where you clicked.</p>
  
  <p>The jQuery code looks like this.</p>
  
  <pre><code>$(".productSlide .scrollable").scrollable();
  $(".productSlide .scrollable").scrollable({ vertical: true, mousewheel: true });
  </code></pre>
  
  <p>I am new to jQuery and what I can achieve ist the following</p>
  
  <pre><code>&lt;div class="scrollBlock"&gt;
      &lt;?php
      for($i=0; $i&lt;5; $i++)
          include 'example1.php';
      ?&gt;
      &lt;/div&gt;
  
      &lt;div class="scrollBlock"&gt;
      &lt;?php
      for($i=0; $i&lt;5; $i++)
          include ' example1.php';
      ?&gt;
      &lt;/div&gt;
  
      &lt;div class="scrollBlock"&gt;
      &lt;?php
      for($i=0; $i&lt;5; $i++)
          include ' example1.php';
      ?&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>In example1.php there is an image which will be showed 5 times. And everytime you click you’ll see the same div again with the same 5 pics. I can’t figure this one out without the "scrollBlock" div. How can I use more pictures in just one block – and it’s still scrolling 5 images?</p>
  
  <p>Thanks so much!</p>