Mouseover
Kala
- javascript
hi,
ich hab folgendes Problem:
Ich habe meine Homepage gesliced und in Tabellenform zusammengefügt. Nun würde ich gerne in den Tabellen-Zellen, in denen die Buttons liegen, jeweils einen Mouseover einfügen:
Nur verschiebt sich dann die ganze Tabelle und der Button wird nicht angezeigt (stattdessen weißer Kasten mit einem rotem x kennt ja jeder :P). Der Button ist außerdem statt dem Header (!) zu sehen und ist auch genauso groß.
Das einzig positive: Wenn ich über den eigentlichen Button komme (also mit der Maus), dann wechselt auch der Button in Headergröße die Farbe wie geplant.
Einen Quelltect habe ich angehängt.
Ich wäre für Antworten sehr dankbar ;)
<head>
<script type="text/javascript">
Normal1 = new Image();
Normal1.src = "Bilder/Index_11.jpg";
Highlight1 = new Image();
Highlight1.src = "Mouseover/Mouseover_11.jpg"; /
....... (andere Buttons) .......
function Bildwechsel (Bildnr, Bildobjekt) {
window.document.images[Bildnr].src = Bildobjekt.src;
}
</script>
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<table id="Tabelle_01" width="997" height="1201" border="0" cellpadding="0" cellspacing="0">
....... (andere Zeilen und Spalten) .......
<tr>
<td>
<a href="../../../index.htm"
onmouseover="Bildwechsel(0, Highlight1)"
onmouseout="Bildwechsel(0, Normal1)"><img src="Bilder/Index_11.jpg"
width="255" height="29" border="0" alt="Home"></a><br>
</td>
</tr>
....... (andere Zeilen und Spalten) .......
</table>
</body>
</html>
Nur verschiebt sich dann die ganze Tabelle und der Button wird nicht angezeigt (stattdessen weißer Kasten mit einem rotem x kennt ja jeder :P). Der Button ist außerdem statt dem Header (!) zu sehen und ist auch genauso groß.
--> Bin kein Javascript experte aber ist das over Bild an der richtigen Position gespeichert -->Highlight1.src = "Mouseover/Mouseover_11.jpg"; /
Nur verschiebt sich dann die ganze Tabelle und der Button wird nicht angezeigt (stattdessen weißer Kasten mit einem rotem x kennt ja jeder :P). Der Button ist außerdem statt dem Header (!) zu sehen und ist auch genauso groß.
--> Bin kein Javascript experte aber ist das over Bild an der richtigen Position gespeichert -->Highlight1.src = "Mouseover/Mouseover_11.jpg"; /
das over bild ist im ordner mouseover und das normale bild im ordner bilder, falls du das meintest .... auf jeden fall danke schonma für deine hilfe
hi,
[...] »» Highlight1.src = "Mouseover/Mouseover_11.jpg"; /
....... (andere Buttons) .......
du hast einen fehler im Code und zwar der Slash: "/" nach dez Zuweisung des Bilders der Variable "Highlight1"
Der Kommentar sollte folgendermaßen aussiehen:
// ....... (andere Buttons) .......
oder
/* ....... (andere Buttons) ....... */
korregiere bitte zunächst diesen Fehler u. teste es noch mal.
Gruß
Messmar
hi,
[...] »» Highlight1.src = "Mouseover/Mouseover_11.jpg"; /
....... (andere Buttons) .......
du hast einen fehler im Code und zwar der Slash: "/" nach dez Zuweisung des Bilders der Variable "Highlight1"
Der Kommentar sollte folgendermaßen aussiehen:
// ....... (andere Buttons) .......
oder
/* ....... (andere Buttons) ....... */
korregiere bitte zunächst diesen Fehler u. teste es noch mal.
Gruß
Messmar
mit .... andere buttons ...... war generell das prinzip gemeint, im sourcecode steht halt das selbe nochmal für andere buttons, ich hab, damit es nicht zu lang wird es nur am beispiel von einem gemachtaber thx für deine hilfe das mit dem highlight guck ich ma
Hi,
"Mouseover/Mouseover_11.jpg"
und der folgender Pfad!! was soll das heißen.
Der Pfada stimmt gar nicht.
Gruß
Messmar
Hi,
"Mouseover/Mouseover_11.jpg"
und der folgender Pfad!! was soll das heißen.
Der Pfada stimmt gar nicht.Gruß
Messmar
das soll heißen das bild mouseover_11.jpg im verzeichnis "mouseover"
ist das falsch ?
Hi,
ist das falsch ?
Das wäre falsch, wenn du die beiden Bilder im gleichen Verzeichnis hast: "Bilder" und du versuchst das zweite Bild aus dem anderen Verzeichnis zu ziehen.
Gruß
Messmar