[JS] onmouseover; div über Bild legen

Melli

Und zwar habe ich ein Bild. Das Bild ist gleichzeitig ein Link. Und wenn ich über diesen Link fahre, möchte ich ein div sehn, das sich genau über dieses Bild legt. Am besten noch mit einer Transparenz von 50%. Aber erstmal nur dieses div da drüber legen.
EDIT: sooo. das drüberlegen funktioniert. jetzt hab ich noch ein paar probleme. großes Grinsen

Die Hintergrund-Farbe vom Div soll 50% transparent sein. Leider aber wird das ganze Div so transparent; die Schrift soll aber normal sein. Mein Ansatz dazu:

php:

1:

echo "<td><a style="border: 0px;" href="./grafiken/header/".$id.".png" target="blank"><img OnMouseOver="show('1')" OnMouseOut="show('1')" src="./grafiken/header/".$id."_.png"><div id="1" style="    background-color: #ffffff;    width: 128px; height: 109px; opacity: 0.5; filter: alpha(opacity=50);-moz-opacity: 0.5;position: absolute; bottom: 5pt; display: none;">bla</div></a></td>";

Zweites Problem besteht darin, dass dieses Div sich ja über das eigentliche Bild lagert, welches das onmouseover da aktiviert. Und jetzt flackert es, halt je nach dem wie ich die Mouse bewege. :/
http://keinkommentar.ooaahh.de/?section=header

onmouseover

php:

1:
2:
3:
4:
5:
6:
7:
8:
9:

<script type="text/javascript">
    function show(id) {
    if(document.getElementById(id).style.display != "") {
        document.getElementById(id).style.display = ""
    } else {
        document.getElementById(id).style.display = "none"
    }
    }
</script>

Aber vielleicht geht das ganze Ausrichten an sich ja auch noch einfacher. Weil so siehts auch sehr bescheiden aus. :x

Bisher alles nur auf Probephase mit sehr sinnreichem Inhalten großes Grinsen

Ich hoffe ihr versteht was ich meine und könnt mir helfen. großes Grinsen

Liebe Grüße!

Thorim

das Flackern solltest du wegbekommen, indem du bei dem div auch noch die beiden OnMouseOver- und OnMouseOut-Aufrufe hinzufügst

edit: wegen der Transparenz, erstell doch einfach ein 10x10px großes halbtransparentes PNG und gib das dem div als background (dann kannst die ganzen opacity-Angaben weglassen und die Schrift bleibt normal)

Thorim

wer nutzt denn noch bitte IE6 ? ich optimier meine Seiten seit der IE8 draußen ist, nur noch auf Version 7+ und natürlich Firefox / Opera...

IE6 hat doch eh viel zu viele Bugs.. da ist ne valide Lösung meistens eh nicht möglich (gut, Fehler hat auch der 8er noch Augenzwinkern

)

aber klar, n transparentes Gif geht natürlich au ^^

Thorim

na gut, bei meinen Seiten kommt der IE insgesamt gradmal so auf 10% (vgl http://www.arx-obscura.de/statistics/ ) und davon das meiste IE8, bisl IE7, aber mit Sicherheit weit unter 1% IE6

Melli

Internet Explorer hin oder her.. ein 50%-transparentes GIF kanns nich geben. Die Leute, die IE benutzen sind ja schon doof genug.. wenn sie ihn dann nichmals updaten können. :>
Und danke für die Hilfe! Klappt einwandfrei jetzt! fröhlich

Melli

http://www.htmlforums.com/graphic-design...gif-103542.html
selbst letzteres hab ich probiert.. vroni hat mir geholfen, ich habs in gimp, psp und pf ausprobiert.. aber jedesmal wenn ich es abspeichere kommt eine 100%ige Deckung raus. :/ Aber ich denke, da unsre ganze Homepage größtenteils für Mozilla vorgesehen wurde, wirds niemanden stören, wenn diese Transparenz nich perfekt geht in IE6 oder sowas. großes Grinsen

Forensoftware: Burning Board, entwickelt von WoltLab GmbH