JQuery image swap inside a div
<p>I'm trying to achieve something similar to <a href="http://www.georgetowncupcake.com/menu.html" rel="nofollow">this</a>.</p>

<p>The image will be coming from a feed url,  I'm unsure of how to prevent each of them opening up in a new window, here is what I have so far:</p>

<p><strong>Javascript:</strong></p>

<p>jquery/1.3.2/jquery.min.js</p>

<pre><code>&lt;script type="text/javascript"&gt;
    jQuery(function($){
        $('#more-views a').click(function(){
            $('#main-image img').fadeOut('slow').delay(2000).remove();
            //$('#main-image').append('&amp;lt;img src="' + $(this).attr('href') + '" alt="" style="display:none;" /&amp;gt;');

            $('#main-image').append('&lt;img src="' + $(this).attr('data') + '" alt="" style="display:none;" /&gt;');
            $('#main-image img').fadeIn('slow');
            return false;
        });
    });
&lt;/script&gt;
</code></pre>

<p><strong>HTML</strong></p>

<pre><code>&lt;div id="more-views"&gt;
    &lt;a data="http://www.domain.com/image1.jpg"&gt; 1 Day&lt;/a&gt;
    &lt;a data="http://www.domain.com/image2.jpg"&gt; 5 Days&lt;/a&gt;
    &lt;a data="http://www.domain.com/image3.jpg"&gt; 1 Month&lt;/a&gt;
&lt;/div&gt;


&lt;div id="main-image"&gt;
    &lt;img src="http://www.domain.com/image1.jpg" alt="1d" /&gt;
&lt;/div&gt;
</code></pre>

<p>Please help!
Thanks!</p>
