Schotti: Einzelnen html - Tag refreshen

Beitrag lesen

Habe mittlerweile schon 2 Quelltexte!

Hier habe ich ein bischen Javascript versucht (habe mir den Quelltext irgendwie zusammengestöpselt durch lesen, dann wieder rumprobieren ...) aussehen soll es dann vom prenzip her schon so wie in den zwei Quell texten.

Java script Quelltext
-----------------------------------------------------------------

<html>
<head>
<title>Unbenanntes Dokument</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>

<script language="JavaScript" type="text/javascript">

function serie(par)
  {
  switch(par)
   {
  case "s01";
   dokument.p01.src = "TestBilder/BildGroß/1.jpg" // Hier werden die Zielpfade der Bilder angegeben
   dokument.p02.src = "TestBilder/BildGroß/2.jpg"
   dokument.p03.src = "TestBilder/BildGroß/3.jpg"
   dokument.p04.src = "TestBilder/BildGroß/4.jpg"
  break;
   }
  }

funktion picture(par)
  {
  elemente = dokument.image[par].src.split("/");
  elemente.reverse();
     newname2 = newname1.replace(/gif/, "jpg");

document.largepic.src = "pics/" + newname2;
  }

</script>

<body link="#0066FF" vlink="#0066FF" alink="#0066FF" onLoad=""javascript:serie('s01')"">
<table width="85%" border="1" align="center" cellspacing="0">
  <tr>
    <td><table width="100%" border="0" cellspacing="0">
        <tr>
          <td bgcolor="#3366CC"><div align="center"><strong><font face="Arial, Helvetica, sans-serif">Test</font></strong></div></td>
        </tr>
        <tr>
          <td><table width="100%" border="0" cellspacing="0">
              <tr bgcolor="#eeeeee">
                <td width="50%"><div align="center"><img src="javascript:picture();";</div></td>
                <td width="50%"></td>
              </tr>
            </table></td>
        </tr>
        <tr bgcolor="#eeeeee" valign="middle">
          <td height="29"><div align="center"><a href="javascript:picture('0')"><img name="p01" src="dokument.p01.src"></a>
              <a href="javascript:picture('1')"><img name="p02" src="dokument.p01"></a>
              <a href="javascript:picture('2')"><img name="p03" src="dokument.p01"></a>
              <a href="javascript:picture('3')"><img name="p04" src="dokument.p01"></a>
            </div></td>
        </tr>
      </table></td>
  </tr>
</table>
</body>
</html>

---------------------------------------------------------------------

Hier der PHP Quellcode

---------------------------------------------------------------------

<?php

$jpg = "testbilder/1.jpg" // Zielpfad

?>

<html>
<head>
<title>Unbenanntes Dokument</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>

<body>
<table width="95%" border="1" cellspacing="0" cellpadding="10" bordercolor="#000000">
  <tr>
    <td bgcolor="#006699"><strong><font face="Arial, Helvetica, sans-serif">Bildergalerie
      in Tabelle TEST</font></strong></td>
  </tr>
  <tr>
    <td> <div align="center"><img src="<?php echo $jpg; ?>"></div></td>
  </tr>
  <tr>
    <td><img src="TestBilder/1.jpg" width="90" height="90" onMouseOver="<?php $jpg = "Zielpfad"; ?>" onClick=" Hier möchte ich das obere bild refreshen! "> <img src="TestBilder/2.jpg" width="90" height="90">
      <img src="TestBilder/3.jpg" width="90" height="90"> <img src="TestBilder/4.jpg" width="90" height="90"></td>
  </tr>
</table>
</body>
</html>

-------------------------------------------------------------------

Gruß

Schotti