Visualizzazione risultati 1 fino 5 di 5

Discussione: Creare un piccolo slide con jQuery o anche senza.

  1. #1
    Guest

    Predefinito 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

  2. #2
    L'avatar di javascripter
    javascripter non è connesso Moderatore
    Data registrazione
    14-02-2010
    Messaggi
    1,114

    Predefinito

    Ti do un suggerimento, si chiamano Accordion Menu.
    Ultima modifica di javascripter : 30-01-2011 alle ore 20.15.45

  3. #3
    Guest

    Predefinito

    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');
    	});
    });

  4. #4
    L'avatar di javascripter
    javascripter non è connesso Moderatore
    Data registrazione
    14-02-2010
    Messaggi
    1,114

    Predefinito

    Puoi postare una pagina di esempio?

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

  5. #5
    Guest

    Predefinito

    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.
    Ultima modifica di biccheddu : 31-01-2011 alle ore 16.37.52

Regole di scrittura

  • Non puoi creare nuove discussioni
  • Non puoi rispondere ai messaggi
  • Non puoi inserire allegati.
  • Non puoi modificare i tuoi messaggi
  •