Aprire immagini in sequenza con effetto fade

[Sebin]

Ciao Ragazzi,
avrei la necessità di aprire su una pagina delle immagini in sequenza (non più di 2).
Mi spiego: al click del pulsante vorrei aprire sulla medesima pagina, delle immagini in sequenza in linea orizzontale, con effetto fade.
Ho provato con questo codice, ma non mi apre in sequenza ed è senza effetto fade:



<a onclick='ShowImage("/media/Star_Grande.jpg");'>[img]/media/Star.jpg[/img]</a></p>


<a onclick='ShowImage("/media/Fluo_Grande.jpg");'>[img]/media/Fluo.jpg[/img]</a></p>
<div><img alt="" id="image" style="display: none;" /></div>



Di seguito il Js:

<script type="text/javascript">

function ShowImage( url ) {
var obj = document.getElementById('image');
if ( obj ) {
obj.src = url;
obj.style.display = 'inline';
}
}

</script>

[cavicchiandrea]

La soluzione più "semplice" è usare jquery, cerca in rete slide con effeto fade jquery dovresti trovare visto che c'è parecchio materiale, farlo in javascript è più complesso e occorre una buona conoscenza di js