FadeIn and FadeOut when dynamically loading with php
<p>I want to fadeOut the current big picture in the #inner_left div by clicking one of the thumb pics in the #photo1 div.The thumb images are loaded with php.Currently the loading of the pictures works on click normally but I want them to fadeout and fadeIn when clicked on the next thumb.For now this is what I have in my jquery part..</p>

<pre><code>$('#photo1 img').click(function(){


$('#inner_left img').attr('src',$(this).attr('big'));   });
</code></pre>

<p>and the php part which loads the thumbs:</p>

<pre><code> foreach($imagess as $image){
    if($image['image_th_source'] != '' &amp;&amp; $image['image_source'] != ''){
        echo '
            &lt;div id=photo1&gt;
               &lt;a href="#"&gt; &lt;img src="'.$image['image_th_source'].'" alt="'.$image['image_alt'].'" title="'.$image['image_title'].'" big="'.$image['image_source'].'" /&gt;&lt;/a&gt;
            &lt;/div&gt;
        ';
    }
}
</code></pre>

<p>please help if you can!</p>
