title: Making a simple Image Switcher
body: <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>