trying to add fade effect
Hi
I use a jcarousel in my page as a thumbnail panel, part of a photo gallery. When I click on each carousel items, there's an image appearing next to carousel.
The code is based on changing one image's src.
-
<div id="photo"><img id="photograph" src="images/gallery/img1.jpg" /></div>
this is the carousel:
-
<ul id="mycarousel" class="jcarousel jcarousel-skin-tango">
<li><div class="thumbnail"><img src="thumbnail.php?filename=images/gallery/img1.jpg" onclick="document.getElementById('photograph').src ='images/gallery/img1.jpg'"/></div></li>
<li><div class="thumbnail"><img src="thumbnail.php?filename=images/gallery/img2.jpg" onclick="document.getElementById('photograph').src ='images/gallery/img2.jpg'"/></div></li>
<li><div class="thumbnail"><img src="thumbnail.php?filename=images/gallery/img3.jpg" onclick="document.getElementById('photograph').src ='images/gallery/img3.jpg'"/></div></li>
</ul>
What I want to do is add a fadein fadeout effect on the changing <img>. I have tried many things but I can't make it work.
Can you help me? I use jquery-1.2.3.pack