script per sfondi random

[Diego]

salve ragazzi.. con questo script potrete settare più sfondi al logo, quello del sito o di quel che volete semplicemente indicando l'ID del contenitore nella variabile id_div_sfondo e nel mio caso, volendo applicare lo sfondo al logo l'ho settato su logostrip, ma voi impostatelo sul valore più opportuno e poi lo sfondo verrà sorteggiato in maniera totalmente casuale..
inserite il codice in Moduli-->Gestione delle codice Javascript e create un nuovo file js

Codice:


sfondi_logo = new Array();

//IMPOSTAZIONI DELLO SCRIPT.. SETTATE IL TUTTO PER UN CORRETTO FUNZIONAMENTO!
var id_div_sfondo='logostrip';  //inserite qui l'ID del logo.. su invision corrisponde a 'logostrip'..
sfondi_logo [0]="http://i28.servimg.com/u/f28/14/18/94/73/foot10.jpg";  //sfondo 1
sfondi_logo [1]="http://i28.servimg.com/u/f28/14/18/94/73/sfondo17.jpg";//sfondo 2
sfondi_logo [2]="http://i68.servimg.com/u/f68/14/18/94/73/immagi13.jpg";//sfondo 3

//NON MODIFICATE QUESTA PARTE! [INIZIO]
function cambia_sfondo_logo()
{  img_logo_sorteggio=sfondi_logo [Math.round((sfondi_logo.length-1)*Math.random())]; //sorteggio lo sfondo
    document.getElementById(id_div_sfondo).style.backgroundImage = "url("+img_logo_sorteggio+")"; //inserisco lo sfondo
    document.getElementById(id_div_sfondo).style.backgroundRepeat = "repeat-x"; //ripeto lo sfondo:- repeat-x (orizzontalmente), repeat-y(verticalmente)..
 }

function carica_primo_logo()
{  if (document.getElementById("logostrip")) {  //se trovi il logo settalo
          cambia_sfondo_logo();    //eseguo la funzione
        } else  {  //se non lo trovi ritenta
          setTimeout("carica_primo_logo()", 100); //millisecondi fra un tentativo e l'altro
        }
}
//NON MODIFICATE QUESTA PARTE! [FINE]

setTimeout("carica_primo_logo()", 10); //inserisco il primo logo.. consiglio valori tra 10-100

setInterval("carica_primo_logo()", 1000); // mantenere o eliminare tale riga per disabilitare la funzione che cambia lo sfondo del logo anche se l'utente non ricarica la pagina.. in via dimostrativa è stato settato su 1000, ma consiglio valori maggiori di 60000..

quasi dimenticavo.. l'ultima riga dello script permette la variazione dello sfondo anche se l'utente non ricarica la pagina..
buon lavoro raga.. lo script è settato in maniera didatica (tanto per far vedere che funziona), ma è ampiamente commentato e comprensibile per tutti..

[Grafic Giusyna]

grazie

[Pubblicitàdeltuoforum]

Per phpBB3 non funziona ..
Comunque,complimenti Diego !

[Diego]

con phpBB3 certo che funge..
solo che devi impostare la variabile id_div_sfondo con il valore logo-desc anziché con logostrip..

logostrip è solo per invision.. lo avevo scritto anche nei commenti dello script..

[the crow]

Codice:

quasi dimenticavo.. l'ultima riga dello script permette la variazione dello sfondo anche se l'utente non ricarica la pagina

..e' gia settato cosi...aspettimo la risposta degli utenti..se funziona bene lo metto nei tutoriali

[Diego]

lo sto già usando nel mio forum è funge alla grande..
l'unica cosa che c'è da fare per farlo fungere correttamente è controllare che la riga
var id_div_sfondo='logostrip'; sia esatta..

[Diego]

emm.. pare che ci sia un piccolo burg nella funzione random.. correggo il codice e ve lo rimando.. =)

EDIT:- nono.. falso allarme.. avevo errato io mettendo n'apostrofo di troppo, ma il codice su è perfetto.. =)

[the crow]

si ma ripeto quello che hai postato..cambia lo sfondo senza cambiare pagina ..metti come fare per impostarlo come uno vuole ..in un modo o nell'altro

[Diego]

si ma ripeto quello che hai postato..cambia lo sfondo senza cambiare pagina ..metti come fare per impostarlo come uno vuole ..in un modo o nell'altro

per impostarlo nei vari modi non so, ma i commenti all'interno dello script mi sembrano abbastanza chiari, poi se c'è qualche passaggio che non è spiegato tanto bene fammelo sapere che estendo la spiegazione..

basta inserire l'ID del div a cui applicare lo sfondo random e specificare gli url delle immagini da usare.. non mi sembra tanto complicato..

se uno vuole applicare lo script allo sfondo del forum si deve guardare il codice sorgente e individuare l'id del div che fa da continatore all'intero forum..

[the crow]

si..come funziona lo abbiamo capito... il passaggio che non ho capito e come detto sopra e poi scusa lo hai fatto tu.... e non sai come impostarlo se uno lo vuole in un modo o nell'altro?

[Diego]

e non sai come impostarlo se uno lo vuole in un modo o nell'altro?

sarò io de coccio, ma non riesco a capire cosa vuoi dire con questa frase.. il principio di funzionamento è quello descritto sopra, funziona se l'elemento da modificare ha un'ID e se non ce lo ha si ricorre al jquery per mettergli un'id..

Codice:

$(body).attr('id', 'nome_id');

[the crow]

COME FUNZIONA LO ABBIAMO CAPITO

io l'ho provato sul forum di prova ....e le immagini cambiano senza cambiare pagina...chiedo come si puo' impostare che cambi immagine quando si cambia pagina ...invece di cambiare automaticamente, senza cambiare pagina. tutto qui.
edit: spiegalo in parole semplici..cosi capiscono tutti e senza infilarti su giri di parole che non hanno ne capo ne coda.

[Diego]

COME FUNZIONA LO ABBIAMO CAPITO

io l'ho provato sul forum di prova ....e le immagini cambiano senza cambiare pagina...chiedo come si puo' impostare che cambi immagine quando si cambia pagina ...invece di cambiare automaticamente, senza cambiare pagina. tutto qui.
edit: spiegalo in parole semplici..cosi capiscono tutti e senza infilarti su giri di parole che non hanno ne capo ne coda.

basta cancellare il

Codice:

setInterval("carica_primo_logo()", 1000);

[the crow]

non non cambia niente...anzi cambia ma solo sulla home nelle altre pagine non si vede lo sfondo

Codice:

 setInterval("carica_primo_logo()", 1000); // mantenere o eliminare tale riga per disabilitare la funzione che cambia lo sfondo del logo anche se l'utente non ricarica la pagina.. in via dimostrativa è stato settato su 1000, ma consiglio valori maggiori di 60000..
e se tolgo questo impazzisce

[Pubblicitàdeltuoforum]

Non mi funziona lo stesso!

Codice:

sfondi_logo = new Array();


var id_div_sfondo='logo-desc';
sfondi_logo [0]="http://i28.servimg.com/u/f28/14/18/94/73/foot10.jpg";  //sfondo 1
sfondi_logo [1]="http://i28.servimg.com/u/f28/14/18/94/73/sfondo17.jpg";//sfondo 2
sfondi_logo [2]="http://i68.servimg.com/u/f68/14/18/94/73/immagi13.jpg";//sfondo 3

//NON MODIFICATE QUESTA PARTE! [INIZIO]
function cambia_sfondo_logo()
{  img_logo_sorteggio=sfondi_logo [Math.round((sfondi_logo.length-1)*Math.random())]; //sorteggio lo sfondo
    document.getElementById(id_div_sfondo).style.backgroundImage = "url("+img_logo_sorteggio+")"; //inserisco lo sfondo
    document.getElementById(id_div_sfondo).style.backgroundRepeat = "repeat-x"; //ripeto lo sfondo:- repeat-x (orizzontalmente), repeat-y(verticalmente)..
 }

function carica_primo_logo()
{  if (document.getElementById("logostrip")) {  //se trovi il logo settalo
          cambia_sfondo_logo();    //eseguo la funzione
        } else  {  //se non lo trovi ritenta
          setTimeout("carica_primo_logo()", 100); //millisecondi fra un tentativo e l'altro
        }
}
//NON MODIFICATE QUESTA PARTE! [FINE]

setTimeout("carica_primo_logo()", 10); //inserisco il primo logo.. consiglio valori tra 10-100

setInterval("carica_primo_logo()", 1000); // mantenere o eliminare tale riga per disabilitare la funzione che cambia lo sfondo del logo anche se l'utente non ricarica la pagina.. in via dimostrativa è stato settato su 1000, ma consiglio valori maggiori di 60000..

[Diego]

boh.. voi lo sfondo del logo del mio sito lo vedete o è tutto grigio?

io uso quel codice infatti per mettere i vari sfondi.. nel mio forum ho provato con firefox ed explorer e pare fungere..

[the crow]

se ti puo' essere utile:l'ho visto ora sul tuo forum...funge... ma funge male

con firefox:
passato dal forum alla home e lo sfondo e rimasto lo stesso.

con IE:
come sopra solo che quando cambia sembra che ci sia uno sfondo grigio scuro

con chrome:
funziona meglio pero' c'e sempre quella pagina grigia tra un'immagine all'altra
EDIT:avvolte i files che scarichi sono demo e non sempre funzionano perfettamente...a me e' succedeva con quelli di html.it

[Diego]

lo sfondo grigio appare sempre fino a quando non viene caricata l'immagine nuova..
comunque quello sopra l'ho fatto io.. mi sono scaricato solo la funzione per sorteggiare un numero a caso..

[the crow]

..a diego ...quello e uno script completo non puoi scaricare una parte si e una no ...forse hai modificato delle parti ..comunque spero che le indicazioni che ti ho dato ti possano servire . notte a domani

[Pubblicitàdeltuoforum]

Peccato,mi serviva proprio...