PDA

View Full Version : [js]cambio di immagine senza ricaricare tutta la pagina


Janky
26-01-2008, 23:04
Ciao... ho un box del mio sito all'interno del quale a seconda dell'ora devo caricare una ben determinata immagine

ora come ora gestisco il cambio di immagine con uno script in javascript e forzo il reload della pagina quando scatta l'ora...

però non mi piace più di tanto questa soluzione: non voglio che venga ricaricata tutta la pagina e non voglio usare un iframe...

non conoscete qualche script in ajax che faccia al caso mio? o cmq qualche alternativa..

Grazie!

Mixmar
27-01-2008, 13:40
Ciao... ho un box del mio sito all'interno del quale a seconda dell'ora devo caricare una ben determinata immagine

ora come ora gestisco il cambio di immagine con uno script in javascript e forzo il reload della pagina quando scatta l'ora...

però non mi piace più di tanto questa soluzione: non voglio che venga ricaricata tutta la pagina e non voglio usare un iframe...

non conoscete qualche script in ajax che faccia al caso mio? o cmq qualche alternativa..

Grazie!

Non saprei... :what: Intanto ti linko questa vecchia discussione. (http://www.hwupgrade.it/forum/showthread.php?t=1526465)

MEMon
27-01-2008, 14:14
Cosa lo usi a fare javascript se poi ricarichi la pagina?

<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-gb" lang="en">
<head>
<title>bla bla blaaa</title>
<script type="text/javascript">

var images_array=new Array("src_image1","src_image2","src_image3"); //array che contiene l'indirizzo delle tue immagini
var imageToChange=null;
var n=0;
var timer=5000; //tempo in millisecondi

function init(){
imageToChange=document.getElementById("imageToChange");
setInterval(changeImage,timer);
}

function changeImage(){
imageToChange.src=images_array[n];
(n<images_array.lenght-1)?n++ : n=0;
}
</script>
</head>
<body onload="init();">
<img id="imageToChange" /> <!--Immagine che cambia-->
</body>
</html>

Janky
27-01-2008, 23:14
bè il fatto è che è l'immagine del programma che è in onda in un determinato momento in una radio

quindi l'intervallo di tempo non è costante, però potrei cmq provare a modificare questo codice...

grazie