nicht angemeldet
Hallo,
wie kann man den folgenden Hovereffekt mit Javascript benutzen, und dabei eine Grafik (z.B. irgendein Bild auf der Seite) auslassen?
<!-- ... -->
<script type="text/javascript">
<!--
Normal1 = new Image();
Normal1.src = "Bild1.JPG";
Highlight1 = new Image();
Highlight1.src = "Bild1light.JPG";
function Wechsel(nr,obj)
{
window.document.images[nr].src = obj.src;
}
//-->
<!-- ... -->
<img src="Foto.JPG">
<!-- ... -->
<a href="seite.html"
onMouseOver="Wechsel(0,Highlight1)"
onMouseOut="Wechsel(0,Normal1)"><img src="Bild1.JPG"></a>
<!-- ... -->
Das funktioniert jetzt nicht, weil new Image() beim ersten Mal ja "Foto.JPG" und nicht "Bild1.JPG" ist. Das wäre auch an sich kein Problem, man könnte "Bild1.JPG" einfach über ein zweites new Image() ansprechen (oder nicht? Weiß es nicht genau). Doch nicht in meinem Fall. Folgender Grund:
Ich habe eine einfache Seite, bei der immer links in einer Tabellenspalte die Navigation mit den Buttons (hover) ist, und rechts der Inhalt. Bei jeder HTML-Seite ist also jedes Mal die Navigation mit dabei. Und wenn ich jetzt etwas an der Navigation ändern möchte, müsste ich das bei allen Seiten machen. Das sind bisher nicht viele, das wäre also nicht die Welt, jedoch wird das Ganze bei einem umfangreicheren Projekt immer schlimmer. Ich habe mir also gedacht, dass ich es mit PHP mache, alle Seiten in einer (!) PHP-Seite speichere (natürlich nur die, welche die gleiche Navigation haben), und dann mittels einem mitgegebenen Parameter das richtige Stück anzeigen lasse. Da nun nur in machen Seiten unterschiedlich viele Bilder sind, wäre alles umsonst, da ich wieder für jede Seite eine eigene Navigation schreiben müsste, damit die richtigen Bilder angesprochen werde. Ich habe letztendlich zwei Fragen:
1. Wie kann man das machen?
Und 2. Ist das überhaupt sinnvoll, alles in eine PHP-Seite zu packen? Was wäre eine gute Alternative (keine Frames, ich will später mein Seitendesign ausbauen)?
MfG
Inselchef