Visualizzazione dei risultati da 1 a 4 su 4
  1. #1

    [jQuery] bloccare temporaneamente un animazione

    salve a tutti.

    ho un animazione di 5 immagini che scorro in orizzontale bloccandosi ogni immagine per 15 secondi.

    Ogni singola immagine ha poi un testo che sarebbe un collegamento per i rispettivi argomenti trattati dalle immagine.

    Ora vorrei che quando vado col mouse su questi link, l'animazione si deve bloccare finche non tolgo il mouse da sopra continuando l'animazione da dove si è bloccata.

    codice:
    $('div#titleNews').animate({width:"0px"},"fast");
    				$('ul#news').delay(200).animate({marginLeft:"-=900px"},"slow", function(){
    					$('div#titleNews').animate({width:"250px"},"fast");
    				});

  2. #2
    Utente di HTML.it L'avatar di m4rko80
    Registrato dal
    Aug 2008
    residenza
    Milano
    Messaggi
    2,655
    ciao, forse questo fa il caso tuo... ho solo letto ma mai provato http://api.jquery.com/stop/

  3. #3
    si quello lo sapevo già ma la mia animazione va con setTimeout ora vi posto il codice completo:

    codice:
    	var newsroll=function(){
    		setTimeout(function(){
    
    				$('div#titleNews').animate({width:"0px"},"fast");
    				$('ul#news').delay(200).animate({marginLeft:"-=900px"},"slow", function(){
    					$('div#titleNews').animate({width:"250px"},"fast");
    				});
    			newsroll();
    		},15000);
    	}
    	newsroll();
    ecco quindi io dovrei fermare e far ripartire il time out come faccio.

  4. #4
    ok ci sono riuscito mi è bastato mettere le variabili "newsroll" ed inserire il settiemout in una variabile entrambi globali e poi effettuare un clearTimeout ed un richiamo alla funzione per farlo ripartire.

    Comunque grazie a tutti per tutto.

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.