Funzione cambia immagine

[Giovanni255]

Salve a tutti,
ho creato questa funzione per cambiare un immagine dentro un div. Il problema è che l'immagine, quando cambia, va sotto quella nuova e poi scompare. Come posso farla scomparire subito?

<div id="img" class="slideshow">        <img src="img1.jpg">        <img src="img2.jpg">        <img src="img3.jpg">
</div>

$(function(){
            $('.slideshow img:gt(0)').hide();
            setInterval(function(){
                $('.slideshow :first-child').fadeOut().next('img').fadeIn().end().appendTo('.slideshow');}, 2000);
        });

Di css non ho messo nulla per ora.
Grazie

[Giovanni255]

Ho risolto. Problema di css. Come potrei fare per creare una dissolvenza tra l'immagine precedente e la successiva?

[Giovanni255]

Ho messo un range che mi modifica la velocità dello slideshow ma non funziona correttamente.

<input id="r" type="range" min="500" max="5000" value="500" onchange="change(), img()">

function change(){
    var a = parseInt(document.getElementById('r').value);
    return a;
}


function img(){
    var a = change();
    if(document.getElementById('check').checked) {a = 2000;}
    $('.slideshow img:gt(0)').hide();
    setInterval(function img(){$('.slideshow :first-child').fadeOut().next('img').fadeIn().end().appendTo('.slideshow')},a);
}

[Giovanni255]

Per favore, nessuno riesce ad aiutarmi?