Image Button?

Status
Nicht offen für weitere Antworten.
R

ritis

Grünschnabel
Hallo!

Ich habe drei Bilder. 1 ist der background, 1 der/die button, 1 ist das Textbild. Die buttons sind unterhalb meines background´s angeordnet, wenn ich über einen dieser fahre will ich das das Textbild an einer bestimmten Position über dem background sichtbar wird. Ich hab schon ein paar versuche mit der css eigenschaft hover und einem java script hatte aber noch keinen erfolg.

Schon mal Dank im Vorraus!
 
Hallo!

Ich weiss nicht genau, ob ich dein Problem richtig verstanden habe, da du ja keinen Quelltext gepostet hast und die Beschreibung nicht ganz das genaue Problem vermitteln kann.
Ich versuch's aber trotzdem mal:

HTML: 
<html>
<head><title>Titel</title></head>
<body style="background: url(bild.jpg) no-repeat top left;">
<img name="textbild" src="textbild.gif" alt="" style="display:none;" />
<form name="formname" action="nächstes.html" method="post">
<input type="image" src="hoverbild.jpg" name="hoverbild" onmouseover="document.textbild.style.display='';" onmouseout="document.textbild.style.display='none';" />
</form>
</body>
</html>

Bei diesem Beispiel wird mittels JavaScript bei einem OnMouseOver die Style-Eigenschaft display:none entfernt (einige mögen es besser finden, die Funktion removeAttribute zu verwenden) und macht das Bild somit sichtbar.
Bei einem OnMouseOut wird die Sichtbarkeit wieder auf none gesetzt.
 
Status
Nicht offen für weitere Antworten.

Neue Beiträge

Zurück