Gegen Bilderklau - Das Original | Homepagehilfe - Archiv | [JS] onmouseover; div über Bild legen

Gegen Bilderklau - Das Original » Design, Website, Copyright » Homepagehilfe » Homepagehilfe - Archiv » [JS] onmouseover; div über Bild legen

» Hallo Gast [Anmelden|Registrieren]

Letzter Beitrag | Erster ungelesener Beitrag

Druckvorschau | Thema zu Favoriten hinzufügen

onmouseover; div über Bild legen

Autor

Beitrag

« Vorheriges Thema | Nächstes Thema »

Melli

i will rest in pieces !!

Dabei seit: 28.01.2006
Beiträge: 4.692
Herkunft: DE

onmouseover; div über Bild legen

Zitatantwort auf diesen Beitrag erstellen

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!

Dieser Beitrag wurde 1 mal editiert, zum letzten Mal von Melli: 05.04.2010 02:01.

04.04.2010 22:52

Nehmen Sie Melli in Ihre Freundesliste auf

Thorim Thorim ist männlich

Mitglied

Dabei seit: 04.02.2010
Beiträge: 154
Herkunft: Deutschland

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)

Dieser Beitrag wurde 2 mal editiert, zum letzten Mal von Thorim: 05.04.2010 13:42.

05.04.2010 13:38

Nehmen Sie Thorim in Ihre Freundesliste auf

Thorim Thorim ist männlich

Mitglied

Dabei seit: 04.02.2010
Beiträge: 154
Herkunft: Deutschland

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 ^^

Dieser Beitrag wurde 1 mal editiert, zum letzten Mal von Thorim: 05.04.2010 13:51.

05.04.2010 13:50

Thorim Thorim ist männlich

Mitglied

Dabei seit: 04.02.2010
Beiträge: 154
Herkunft: Deutschland

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

05.04.2010 14:10

Melli

i will rest in pieces !!

Dabei seit: 28.01.2006
Beiträge: 4.692
Herkunft: DE

Themenstarter Thema begonnen von 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

05.04.2010 18:17

Melli

i will rest in pieces !!

Dabei seit: 28.01.2006
Beiträge: 4.692
Herkunft: DE

Themenstarter Thema begonnen von 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

05.04.2010 18:51

Baumstruktur | Brettstruktur

Gehe zu:

Gegen Bilderklau - Das Original » Design, Website, Copyright » Homepagehilfe » Homepagehilfe - Archiv » [JS] onmouseover; div über Bild legen

Impressum

Forensoftware: Burning Board, entwickelt von WoltLab GmbH