Sfondo con immagini a dissolvenza.. :D
- Questo topic ha 3 risposte, 2 partecipanti ed è stato aggiornato l'ultima volta 12 anni, 5 mesi fa da biglorenz.
- AutorePost
- 10 Novembre 2011 alle 13:59 #1647biglorenzPartecipante
Buongiorno a tutti, come da oggetto, mi stava balenando per la testa una cosetta semplice semplice..
Naturalmente sulla carta, quando poi si parte con l’implementazione iniziano i primi problemi e allore forse prima di proseguire per una strada a lungo e poi scoprire che questa è sbagliata, è meglio chiedere un parere..Volevo avere una sorta di banner rotation come sfondo di un div.
Il div contiene :
Un’immagine di sfondo che ogni tot secondi cambierà
Un’altro div con una breve descrizione (indipendente dallo sfondo che cambia) che l’utente potrà visualizzare e nascondere tramite un button toggle!
Quest’ulitma parte è già operativa, ora stavo pensando a come fare per far si che lo sfondo cambi immagini(senza effetti eccessivi, basta il fadeOut e fadeIn) ogni tot secondi e possa continuare con un loop.Soluzione alla quale pensavo:
Una funzione che cambia le immagini ogni tot secondi.
e per il loop, impostare un timer sul quale ripetere la funzione creata..Piccolo problema:
Capire come gestire le immagini, ovvero mi sono piantato su dove memorizzare le immagini che poi appariranno e scompariranno e come gestirle.
Pensavo a un div che contiene le 4 immagini che voglio far ciclare tutte nascoste,
tramite controllo controllare quante sono le immagini nel div, salvare il numero delle immagini e poi tramite dei controlli vedere a che punto sono,fare fare il fadeOut all’immagine corrente dopo n secondi e fare apparire la successiva in fadeIn().
se sono arrivato alla fine, mi fermo tanto poi richiamo dopo tot secondi questa funzione e quindi tutto riparte(es se le transizioni di tutte le immagini durano 10 secondi dopo aver caricato l’ultima mi fermo e termino la mia funzione) dpodichè richiamo il mio metodo con un timer impostato a 11 secondi e riparte il tutto..Che dite mi sto andando a complicare la vita?
Ho visto che ci sono dei banner già pronti, ma per il mio scopo hanno già troppe funzionalità ed effetti…
E’ ben accetto qualunque tipo di suggerimento..12 Novembre 2011 alle 09:29 #1949jqueryitaliaAmministratoreSemplice, semplice e senza troppi fronzoli con testo e pulsanti che possono essere modificati via CSS:
http://www.marcofolio.net/webdesign/advanced_jquery_background_image_slideshow.html
Credo sia quello che fa per te
16 Novembre 2011 alle 17:13 #1950biglorenzPartecipanteCiao Admin,
si in effetti potrebbe davvero fare al caso mio il banner al link indicato!
Domani mi metto sotto, lo studio un po e provo a fare qualche esperimento!Grazie come al solito per la segnalazione!
Vi terrò aggiornati.
Un saluto
Lorenzo29 Novembre 2011 alle 15:51 #1951biglorenzPartecipanteAllora rieccomi qui giusto per..
Purtroppo mi sono dovuto assentare causa forze maggiori e non sono più riuscire a fare le prove che volevo… Dai primi test che ho effettuato lo script postato è davvero molto bene fatto e davvero personalizzabile..
Ottimo per chi cerca qualcosa di semplice ma completo su tutti i fronti..
Vi terrò aggiornati!
Per ora grazie ancora!! - AutorePost
- Devi essere connesso per rispondere a questo topic.