moin moin,
Ich bin grad dabei für ne 1 in Informatik ne Seite zu erstellen und in der navigation nehm ich dafür rollovers. Das Problem ist das es bei mir mit Firefox 3.0.5 und Opera 9.3.6. geht. den IE hab ich nich also kann ich das nich testen. Bei mehreren Freunden geht es auch und die benutzen Firefox3 In der Schule klappt es aber weder mit dem IE7 noch mit dem Firefox2 und was neues installiern darf ich nicht. aber seht selbst vllt weis einer von euch wie ich das zum laufen kriege:
Ich bin grad dabei für ne 1 in Informatik ne Seite zu erstellen und in der navigation nehm ich dafür rollovers. Das Problem ist das es bei mir mit Firefox 3.0.5 und Opera 9.3.6. geht. den IE hab ich nich also kann ich das nich testen. Bei mehreren Freunden geht es auch und die benutzen Firefox3 In der Schule klappt es aber weder mit dem IE7 noch mit dem Firefox2 und was neues installiern darf ich nicht. aber seht selbst vllt weis einer von euch wie ich das zum laufen kriege:
HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>navi</title>
<!--
<script src="rollover.js" type="text/javascript"></script>
-->
<script type="text/javascript">
Normal1 = new Image();
Normal1.src = "../buttons/arbeitsspeicher_s.png"; /* erste Standard-Grafik */
Highlight1 = new Image();
Highlight1.src = "../buttons/arbeitsspeicher_h.png"; /* erste Highlight-Grafik */
Normal2 = new Image();
Normal2.src = "../buttons/Prozessor_s.png"; /* zweite Standard-Grafik */
Highlight2 = new Image();
Highlight2.src = "../buttons/Prozessor_h.png"; /* zweite Highlight-Grafik */
Normal3 = new Image();
Normal3.src = "../buttons/Grafikkarte_s.png"; /* dritte Standard-Grafik */
Highlight3 = new Image();
Highlight3.src = "../buttons/Grafikkarte_h.png"; /* dritte Highlight-Grafik */
Normal4 = new Image();
Normal4.src = "../buttons/Festplatte_s.png"; /* vierte Standard-Grafik */
Highlight4 = new Image();
Highlight4.src = "../buttons/Festplatte_h.png"; /* vierte Highlight-Grafik */
Normal5 = new Image();
Normal5.src = "../buttons/Laufwerke_s.png"; /* fünfte Standard-Grafik */
Highlight5 = new Image();
Highlight5.src = "../buttons/Laufwerke_h.png"; /* fünfte Highlight-Grafik */
Normal6 = new Image();
Normal6.src = "../buttons/Mainboard_s.png"; /* sechste Standard-Grafik */
Highlight6 = new Image();
Highlight6.src = "../buttons/Mainboard_h.png"; /* sechste Highlight-Grafik */
Normal7 = new Image();
Normal7.src = "../buttons/Netzteil_s.png"; /* siebte Standard-Grafik */
Highlight7 = new Image();
Highlight7.src = "../buttons/Netzteil_h.png"; /* siebte Highlight-Grafik */
Normal8 = new Image();
Normal8.src = "../buttons/Betriebssystem_s.png"; /* achte Standard-Grafik */
Highlight8 = new Image();
Highlight8.src = "../buttons/Betriebssystem_h.png"; /* achte Highlight-Grafik */
function Bildwechsel (Bildnr, Bildobjekt)
window.document.images[Bildnr].src = Bildobjekt.src;
</script>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" />
<meta name="generator" content="Webocton - Scriptly (www.scriptly.de)" />
<style type="text/css">a img { border:none; }</style>
</head>
<body bgcolor="#0F1C29">
<br><br><br>
<table border="0" cellpadding="2" cellspacing="2" summary="">
<tr>
<td>
<a href="Arbeitsspeicher.htm" target="main"
onmouseover="Bildwechsel(0, Highlight1)"
onmouseout="Bildwechsel(0, Normal1)"><img src="../buttons/arbeitsspeicher_s.png"
align="130" height="24" border="0" alt="Arbeitsspeicher"></a>
</a>
</td>
</tr>
<tr>
<td>
<a href="Prozessor.htm" target="main"
onmouseover="Bildwechsel(1, Highlight2)"
onmouseout="Bildwechsel(1, Normal2)"><img src="../buttons/Prozessor_s.png"
align="130" height="24" border="0" alt="Prozessor"></a>
</td>
</tr>
<tr>
<td>
<a href="Grafikkarte.htm" target="main"
onmouseover="Bildwechsel(2, Highlight3)"
onmouseout="Bildwechsel(2, Normal3)"><img src="../buttons/Grafikkarte_s.png"
align="130" height="24" border="0" alt="Grafikkarte"></a>
</td>
</tr>
<tr>
<td>
<a href="Festplatte.htm" target="main"
onmouseover="Bildwechsel(3, Highlight4)"
onmouseout="Bildwechsel(3, Normal4)"><img src="../buttons/Festplatte_s.png"
align="130" height="24" border="0" alt="Festplatte"></a>
</td>
</tr>
<tr>
<td>
<a href="Laufwerke.htm" target="main"
onmouseover="Bildwechsel(4, Highlight5)"
onmouseout="Bildwechsel(4, Normal5)"><img src="../buttons/Laufwerke_s.png"
align="130" height="24" border="0" alt="Laufwerke"></a>
</td>
</tr>
<tr>
<td>
<a href="Mainboard.htm" target="main"
onmouseover="Bildwechsel(5, Highlight6)"
onmouseout="Bildwechsel(5, Normal6)"><img src="../buttons/Mainboard_s.png"
align="130" height="24" border="0" alt="Mainboard"></a>
</td>
</tr>
<tr>
<td>
<a href="Netzteil.htm" target="main"
onmouseover="Bildwechsel(6, Highlight7)"
onmouseout="Bildwechsel(6, Normal7)"><img src="../buttons/Netzteil_s.png"
align="130" height="24" border="0" alt="Netzteil"></a>
</td>
</tr>
<tr>
<td>
<a href="Betriebssystem.htm" target="main"
onmouseover="Bildwechsel(7, Highlight8)"
onmouseout="Bildwechsel(7, Normal8)"><img src="../buttons/Betriebssystem_s.png"
align="130" height="24" border="0" alt="Betriebssystem"></a>
</td>
</tr>
</table>
</body>
</html>
Zuletzt bearbeitet: