bildübergänge

hi
ich such schon eine weile nach einem script, um die bildübergänge bei meiner galerie etwas sanfter zu gestalten.

bis jetzt hab ich einen einfachen bilder-tausch:

code: 1: 2: 3: 4: 5: 6: 7: //Bilder tauschen function swap(Bildname,BildURL) { document.images[Bildname].src = BildURL; }

die thumbnails werden durchgeschleift

php: 1: 2: 3: 4: <li><a href="#" onClick="javascript:swap('bild1','<?php echo $pfad.$row->bild;?>')"> <img src="<?php echo $pfadThumbs.$row->bild;?>" border="0" width="<?php echo $thumbsWidth;?>"></a></li>

darüber ist dann das grosse bild:

code: 1: 2: 3: <a href="#"><img name="bild1" src="<?php echo $pfad.$item->bild;?>" border="0" style="margin-left:35px"></a>

das grosse bild soll nun 'weichere' übergänge bekommen...
ich habs mit jquery versucht, aber bis jetzt ohne erfolg! bin immer nur auf slideshows gestossen....
jemand ev. einen tipp für mich?

Hier hab ich sowas realisiert...kleiner nebeneffekt der hier noch existiert...ich hab die großen bilder vorgeladen in einem container, der ausserhalb des bildes liegt...um quasi ein laden zu verhindern...manche browser ignorieren das...und das bildmaterial wird nur im sichtbereich geladen...aber ich denke die meisten sind nicht so intelligent

idee wie das auch mit jquery funktionieren könnte: fadeout und fadein...und das drumrum per hand machen

in javascript bin ich nicht wirklich sattelfest, daher ist das 'per hand machen' immer so eine sache...

werd mir dein beispiel ansehen und hoffe, da was für mich holen zu können ;-)

sind schöne übergänge!
danke für deine hilfe!