nicht angemeldet
Hallo Kaylon!
Hier kommt eine schnell zusammengeschusterte mögliche Lösung (nicht vollständig ausgetestet), die Du an Deine Wünsche anpassen mußt:
<html>
<head>
<script language="JavaScript">
var leading_images=0; // Anzahl der Grafiken vor denen der Walze
function to_link()
{
var punkt=document.images[leading_images+2].src;
punkt=punkt.substr(1+punkt.lastIndexOf("/"),1);
switch (punkt)
{
case "1": document.location.href="seite1.htm"; break;
case "2": document.location.href="seite2.htm"; break;
case "3": document.location.href="seite3.htm"; break;
case "4": document.location.href="seite4.htm"; break;
case "5": document.location.href="seite5.htm"; break;
case "6": document.location.href="seite6.htm"; break;
case "7": document.location.href="seite7.htm"; break;
case "8": document.location.href="seite8.htm"; break;
}
}
function rotate()
{
var punkt=document.images[leading_images+2].src;
punkt=punkt.substr(1+punkt.lastIndexOf("/"),1);
var ziel_o=punkt;
var ziel_m=eval(punkt)+1;
if (ziel_m>8) ziel_m=ziel_m-8;
var ziel_u=eval(punkt)+2;
if (ziel_u>8) ziel_u=ziel_u-8;
document.images[leading_images+0].src=ziel_o+"o.gif";
document.images[leading_images+2].src=ziel_m+"m.gif";
document.images[leading_images+4].src=ziel_u+"u.gif";
}
</script>
</head>
<body>
<img src="8o.gif" onClick=rotate(); ><img src="abschl_o.gif" onClick=rotate();><br>
<img src="1m.gif" onClick=to_link();><img src="abschl_m.gif" onClick=rotate();><br>
<img src="2u.gif" onClick=rotate(); ><img src="abschl_u.gif" onClick=rotate();><br>
</body>
</html>
Die Dateien inklusive der Grafiken kommen per eMail!
Norbert