Hovereffekt mit Grafiken auslassen
Inselchef
- javascript
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
Nabend,
<img src="Foto.JPG">
Du hast das alt-Attribut vergessen.
<img src="Bild1.JPG">
Hier auch.
- Wie kann man das machen?
Du könntest die Bilder nicht über ihre Indexnummer ansprechen sondern über eine ID.
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)?
Eine große Datei ist unschön, unübersichtlich. Baue eine Datei, die je nach übermitteltem Parameter die entsprechende Inhaltsseite mittels include() einbindet.
Bis denne,
Eine große Datei ist unschön, unübersichtlich. Baue eine Datei, die je nach übermitteltem Parameter die entsprechende Inhaltsseite mittels include() einbindet.
Ich würde es für vernünftiger halten die Navigation über include einzubinden, dann kann man auf den Parameter und dessen Auswertung verzichten.
MfG
C2H5OH