jQuery slide vertical images
<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>
