Salve, spero di aver postato nella parte giusta, perchè non saprei proprio che genere di programmazione usare!
La domanda è questa:
nella home del sito, ho una immagine caricata come sfondo. Come posso farla cambiare, per ogni refresh o tot tempo, in base ad immagini messe in una cartella?
Spero mi sia spiegato e spero in un aiuto
Tnx mille
devi usare un lunguaggio server side come php o asp
ovviamente qui sei OT
grazie pax!
Chiedo se è possibile spostare allora la discussione....
A tot tempo si può fare anche in JavaScript.
Le immagini una volta messe in una cartella, avranno un loro URL; compila l' Array con quegli URL come Valori.
Per avere più immagini, puoi aggiungere altri articoli all' Array proseguendo la numerazione nelle parentesi []
Libera la seconda riga dai commenti JS // per avere il controllo sull' immagine di sfondo se impostata in CSS.
codice:<html> <head> <title>Rotating BackGround-Image</title> <script type="text/JavaScript"> var bgIMG = new Array(); bgIMG[0]="http://www.google.com/intl/en_ALL/images/logo.gif"; bgIMG[1]="http://utenti.html.it/common/img/logo_forum.gif"; bgIMG[2]="http://img0.gmodules.com/ig/images/weather_welcome_image.jpg"; var x = 0; function turnBg() { document.body.background = bgIMG[x]; //document.body.style.backgroundImage = "url(" + bgIMG[x] + ")"; x++; if(x == bgIMG.length){x = 0;}; setTimeout('turnBg()', 3000); /* 3000 milli-seconds = 3 sec. */ } window.onload = turnBg; </script> </head> <body background="http://www.google.com/intl/en_ALL/images/logo.gif"> <h2>by Enzaccio </h2> </body> </html>
Grazie della dritta...ma non mi funziona!
Ho messo lo script che mi hai dato nell'head.
poi lo sfondo non ce l'ho nel body, ma cosi
<body>
<div id="content">
</img>
</div>
ma non varia
ti ringrazio loop! Ma non mi è utile perchè vorrei gestirlo in js, ma l'immagine di sfondo la carico non nel body, ma tramite il campo <img> e vorrei sapere come fare
Prova vedere qui
http://forum.html.it/forum/showthrea...e+ogni+refresh
Mettere sfondi con img invece di background non mi sembra ne corretto ne funzionale, a meno di non essere obbligati
Eh certo ...Originariamente inviato da Nosf1
Grazie della dritta...ma non mi funziona!
Ho messo lo script che mi hai dato nell'head.
poi lo sfondo non ce l'ho nel body, ma cosi
<body>
<div id="content">
</div>
ma non varia
Dai un NAME a quel Tag IMG
<img name="nosf" src="http://www.vwkult.it/ims_home_rnd/01.jpg">
e nalla function cambia la stringa di esecuzione con questa:
document.nosf.src = bgIMG[x];
o meglio ancora con questa:
document.images['nosf'].src = bgIMG[x];
JavaScript ha bisogno di poter individuare l' elemento (*quel* elemento) sul quale deve intervenire; in questo caso, cambia il Valore all' Atributo SRC in un Elemento IMG, che per farci riferimento, gli abbiamo assegnato un nome.
Per Elementi come IMG o FORM, JavaScript forma un Array images o Array forms (una lista) degli stessi al caricamento della pagina; images['nosf'] risponde infatti al criterio per individuare un Articolo di un Array.
Ma non si può fare, ad esempio:
document.divs['nosf'].src = bgIMG[x];
perché per i DIV questo Array i Browser non lo formano.
Enzo ti ringrazio infinite volte! Funziona perfettamente.
Cè un modo per prenderle random le immagini? Cosi segue l'array numerato
Permessi di invio
Rispondi quotando