Making a simple Image Switcher
<p>I know that there are many jQuery scripts ready to implement something like this here that I'm trying to pull together, but I want to make it as simple as possible. Basically when each image thumb of the list is clicked the main image shows the respective image just only bigger. </p>

<p>So, here is my question. Does anyone have a simple script that does that?</p>

<pre><code>        &lt;div class="main_image"&gt;
           &lt;img src="&lt;?=href['imagem'];?&gt;" /&gt; 
        &lt;/div&gt;

        &lt;ul&gt;

            &lt;li&gt;
                &lt;a href="img01.jpg"&gt;&lt;img src="img01.jpg" alt="Image Name" /&gt;&lt;/a&gt;
            &lt;/li&gt;
            &lt;li&gt;
                &lt;a href="img02.jpg"&gt;&lt;img src="img02.jpg" alt="Image Name" /&gt;&lt;/a&gt;
            &lt;/li&gt;
        &lt;/ul&gt;
</code></pre>
