Salve a tutti, mi è stato chiesto di modificare questo codice che fa apparire in sequenza 5 immagini di un radar meteo, io volevo mettere una immagine sovrapposta che non cambia mai sopra a tutte mentre sotto continua ad andare avanti la sequenza, è possibile farlo e se si come visto che non sono pratico? grazie
vi posto il codice della pagina:
Codice PHP:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<!-- TWO STEPS TO INSTALL IMAGE SLIDESHOW:
1. Copy the coding into the HEAD of your HTML document
2. Add the last code into the BODY of your HTML document -->
<script language="JavaScript">
<!-- Begin
image1 = new Image();
image1.src = "http://www.arpa.veneto.it/upload_teolo/radar_teolo/BASE_128_Z_06.JPG";
image2 = new Image();
image2.src = "http://www.arpa.veneto.it/upload_teolo/radar_teolo/BASE_128_Z_05.JPG";
image3 = new Image();
image3.src = "http://www.arpa.veneto.it/upload_teolo/radar_teolo/BASE_128_Z_04.JPG";
image4 = new Image();
image4.src = "http://www.arpa.veneto.it/upload_teolo/radar_teolo/BASE_128_Z_03.JPG";
image5 = new Image();
image5.src = "http://www.arpa.veneto.it/upload_teolo/radar_teolo/BASE_128_Z_02.JPG";
image6 = new Image();
image6.src = "http://www.arpa.veneto.it/upload_teolo/radar_teolo/BASE_128_Z_01.JPG";
var rotate_delay = 1000; // delay in milliseconds (5000 = 5 secs)
current = 0;
function next() {
if (document.slideform.slide[current+1]) {
document.images.show.src = document.slideform.slide[current+1].value;
document.slideform.slide.selectedIndex = ++current;
}
else {
first();
}
}
function previous() {
if (current-1 >= 0) {
document.images.show.src = document.slideform.slide[current-1].value;
document.slideform.slide.selectedIndex = --current;
}
else last();
}
function first() {
current = 0;
document.images.show.src = document.slideform.slide[0].value;
document.slideform.slide.selectedIndex = 0;
}
function last() {
current = document.slideform.slide.length-1;
document.images.show.src = document.slideform.slide[current].value;
document.slideform.slide.selectedIndex = current;
}
function ap(text) {
document.slideform.slidebutton.value = (text == "Stop") ? "Start" : "Stop";
rotate();
}
function start() {
document.slideform.slidebutton.value = "Start";
ap(document.slideform.slidebutton.value);
}
function change() {
current = document.slideform.slide.selectedIndex;
document.images.show.src = document.slideform.slide[current].value;
}
function rotate() {
if (document.slideform.slidebutton.value == "Stop") {
current = (current == document.slideform.slide.length-1) ? 0 : current+1;
document.images.show.src = document.slideform.slide[current].value;
document.slideform.slide.selectedIndex = current;
window.setTimeout("rotate()", rotate_delay);
}
}
// End -->
</script>
<title>Animazione Radar A.r.p.a.v. Teolo - by Meteobreganze</title>
</head>
<body onload="start()">
<center>
<form name="slideform">
<table bgcolor="#000000" cellpadding="4" cellspacing="1">
<tbody>
<tr>
<td align="center" bgcolor="white">
<span style="color: rgb(51, 102, 255);">[b]Animazione
radar Arpav[/b] </span>
</td>
</tr>
<tr>
<td align="center" bgcolor="white" height="150" width="200">
[img]http://www.arpa.veneto.it/upload_teolo/radar_teolo/BASE_128_Z_06.JPG[/img]</td>
</tr>
<tr>
<td align="center" bgcolor="#c0c0c0">
<select name="slide" onchange="change();">
<option value="http://www.arpa.veneto.it/upload_teolo/radar_teolo/BASE_128_Z_06.JPG" selected="selected">Frame 6
</option>
<option value="http://www.arpa.veneto.it/upload_teolo/radar_teolo/BASE_128_Z_05.JPG">Frame
5
</option>
<option value="http://www.arpa.veneto.it/upload_teolo/radar_teolo/BASE_128_Z_04.JPG">Frame
4
</option>
<option value="http://www.arpa.veneto.it/upload_teolo/radar_teolo/BASE_128_Z_03.JPG">Frame
3
</option>
<option value="http://www.arpa.veneto.it/upload_teolo/radar_teolo/BASE_128_Z_02.JPG">Frame
2
</option>
<option value="http://www.arpa.veneto.it/upload_teolo/radar_teolo/BASE_128_Z_01.JPG">Frame
1
</option>
</select>
</td>
</tr>
<tr>
<td align="center" bgcolor="#c0c0c0">
<input onclick="first();" value="|<<" title="Inizio" type="button"><input onclick="previous();" value="<<" title="Precedente" type="button">
<input name="slidebutton" onclick="ap(this.value);" value="Start" title="Animazione" type="button"><input onclick="next();" value=">>" title="Successivo" type="button">
<input onclick="last();" value=">>|" title="Fine" type="button"></td>
</tr>
<tr>
<td align="center" bgcolor="#c0c0c0">
<input value="Aggiorna" onclick="window.location.reload()" type="button"></td>
</tr>
</tbody>
</table>
</form>
</center>
</body>
</html>
Rispondi quotando
