Creare un piccolo slide con jQuery o anche senza.

Allora, sto sbattendomi cercando in internet, ma non trovo niente di quel che mi serve.
Mi serve l'effetto slide su questo piccolo esempio: http://www.cssplay.co.uk/menu/gallery3l

Utilizzo quello compatibile con For IE5.01. In pratica quando passo sopra un'immagine, al posto di visualizzare subito l'immagine, dovrebbe fare un piccolo slide graduale, diciamo come qui, ma non così lungo, perché non mi piace.

Grazie in anticipo :mrgreen:

Ti do un suggerimento, si chiamano Accordion Menu.

Grazie! Ho risolto al 90% il problema. La soluzione è utilizzare il metodo .animate() di jquery.

Ho notato, però, una piccola cosa che da fastidio al primo passaggio del mouse. Avendo il primo elemento visibile, man mano che passo sugli altri al destra, vengono nascosti per una piccola quantità di tempo, come se dovessero ancora essere caricati.

E' possibile risolvere questo problema?

Nel caso servisse, questo è il codice:

Codice:

---

$(document).ready(function(){
        active = $("#slider li:first");
        $(active).addClass('active');

        $("#slider li").hover(function(){
                $(active).animate({width: "52px"}, {duration:300, queue:false});
                $(active).removeClass('active');
                $(this).animate({width: "676px"}, {duration:300, queue:false});
                active = this;
                $(active).addClass('active');
        });
});

---

Puoi postare una pagina di esempio?

Perchè senza la struttura HTML e le definizioni dei CSS, non si capisce molto.

Ecco un esempio.

Il menù è fatto per far si che si veda anche a javascript disabilitato.

Se volessi fare anche l'auto-slide, come devo modificare? Ho visto alcuni codici e dovrei definire la funzione che lo fa e richiamarla con setTimeout, ma provandoci non ci sono riuscito!

Ho notato ora che in IE, in locale, non funziona l'effetto, mentre in remoto si, e ricevo l'errore:

Codice:

---

Dettagli errore pagina Web

Messaggio: Proprietà o metodo non supportati dall'oggetto
Linea: 73
Carattere: 2
Codice: 0
URI: http://localhost/

---

E le stringhe in quella zona sono come nell'esempio che ti ho mandato (prima includo il file da jquery.com e poi quello che fa l'effetto).

EDIT: Il problema per IE l'ho risolto leggendo qui.