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="|&lt;&lt;" title="Inizio" type="button"><input onclick="previous();" value="&lt;&lt;" title="Precedente" type="button">
        <input name="slidebutton" onclick="ap(this.value);" value="Start" title="Animazione" type="button"><input onclick="next();" value="&gt;&gt;" title="Successivo" type="button">
        <input onclick="last();" value="&gt;&gt;|" 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>