jQuery Image Changer: Alt tags
<p>Javascript isn't my strongest suit so please bear with me.</p>

<p>I've got an image changer on a website that someone has built for me. It changes a large image depending on which thumbnail is clicked (http://mitre.mitrebluelight.co.uk/shop/buy/footwear/cold-wet-weather).</p>

<p>I've got the ALT tags showing for the large image and the thumbnails, but I'm trying to get the script to change not only the large image SRC, but also the ALT tag.</p>

<p>Here's the script:</p>

<pre><code>$(".small-images li a").click(function(){
    var $target = $(this).attr('href');

    $(".large-image img").fadeOut('fast',function(){
        $(".large-image img").attr('src',$target)
    $(".large-image img").fadeIn('fast');   
})
</code></pre>

<p>And here's the HTML (please note, if some tags look unusual it's because I'm using ExpressionEngine as a CMS):</p>

<pre><code>                    &lt;div class="large-image"&gt;{exp:imgsizer:size image="/assets/media/{image_large}" width="389" height="250" alt="{image_large_title}"}&lt;/div&gt;&lt;!-- End of div: large-image --&gt;
                &lt;div style="display:none;"&gt;
                    {images}
                        {exp:imgsizer:size image="/assets/media/{filenm}" width="389" height="250" alt="{image_title}"}
                    {/images}
                &lt;/div&gt;
                &lt;div class="small-images"&gt;
                    &lt;h5&gt;More images:&lt;/h5&gt;
                    &lt;ul&gt;
                        {images}
                            &lt;li&gt;&lt;a href="{exp:imgsizer:size image="/assets/media/{filenm}" width="389" height="250" justurl="yes"}" {image_switch="|||class='last'"}&gt;{exp:imgsizer:size image="/assets/media/{filenm}" width="89" height="89" alt="{image_title}"}&lt;/a&gt;&lt;/li&gt;
                        {/images}
                    &lt;/ul&gt;
                &lt;/div&gt;&lt;!-- End of div: small-images --&gt;
</code></pre>

<p>Any help is appreciated!</p>

<p>Regards,</p>

<p>Tom</p>
