div über img einblenden
lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript
attribut
ausblenden
blocken
code
dank
display
ersetzen
erzielen
forum
gebiet
http
kleinigkeit
navigation
realisieren
speichern
tag
teddy
tun
url
vergeben
-
Hey ich kenn mich mit den Java zeug absolut nicht aus, weil ich es nie brauchte, nun brauch ich aber ne tag/kleinigkeit">kleinigkeit, ich hab ein
4 <img> tags und 4 <div> tags, ich möchte jetzt mit JS realisieren das wen ich über ein img fahre das dazugehörige div einblendet und wieder ausblendet sobald ich von den img runtergehe.
hoffe ihr könnt mir da schnell helfen, danke danke im voraus :) -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
-
Dass du dich in dem gebiet nicht auskennst, hättest du nicht extra dazusagen müssen. Das erkennt man schon daran, dass du das Thema im Java-Forum erstellt hast, was nun aber überhaupt nichts mit JavaScript zu tun hat.
Aber zum Thema:
Mach einfach zu jedem img-Tag ein onmouseover- und ein ounmouseout-Attribut.
Beim onmouseover schreibst du
und beim onmouseoutdocument.getElementById('div1).style.display='block'
document.getElementById('div1').style.display='none';
Für die divs musst du dann entsprechend die IDs div1 bis div4 vergeben und in den img-Tags ersetzen.
mfg -
syberpsace schrieb:
Dass du dich in dem gebiet nicht auskennst, hättest du nicht extra dazusagen müssen. Das erkennt man schon daran, dass du das Thema im Java-Forum erstellt hast, was nun aber überhaupt nichts mit JavaScript zu tun hat.
Aber zum Thema:
Mach einfach zu jedem img-Tag ein onmouseover- und ein ounmouseout-Attribut.
Beim onmouseover schreibst du
und beim onmouseoutdocument.getElementById('div1).style.display='block'
document.getElementById('div1').style.display='none';
Für die divs musst du dann entsprechend die IDs div1 bis div4 vergeben und in den img-Tags ersetzen.
mfg
Die idee hört sich toll an ich bekomm sie aber noch nicht umgesetzt, hier soll es umgesetzt werden
http://tv.valentinwinkelmann.de/
aber es pasiert nichts :S
UFF entschuldige, deine lösung war absolut perfekt er wollte ganze zeit nur nicht speichern :D danke vielmals hat mir sehr geholfen :)
Beitrag zuletzt geändert: 22.9.2011 21:16:32 von valentinwinkelmann -
valentinwinkelmann schrieb:
[...]
aber es pasiert nichts :S
Ich rate jetzt einfach mal wild drauf los, und behaupte, dass nichts passiert, weil du den von mir geposteten Code nicht eingebaut hast. Ausserdem sehe ich keine divs mit entsprechenden IDs bzw generell sehe ich keine divs die du aus/einblenden könntest.
Was ich aber auch sehe ist, dass du anscheinen mootools verwendest, welche einige gute Funktionen zum ein/ausblenden von Containern beinhalten (stichwort Fx.Slide) also könntest du den von dir gewünschten Effekt auch damit erzielen.
mfg
edit:valentinwinkelmann schrieb:
übersehen -.-
UFF entschuldige, deine lösung war absolut perfekt er wollte ganze zeit nur nicht speichern :D danke vielmals hat mir sehr geholfen :)
Beitrag zuletzt geändert: 22.9.2011 21:37:56 von syberpsace -
Ps: das ganze wäre auch mit css möglich man denke dabei an z.b. eine navigation!
das ganze hieße allerdings nicht onmouseover, sondern hover :p -
kill-a-teddy schrieb:
Ps: das ganze wäre auch mit css möglich man denke dabei an z.b. eine navigation!
das ganze hieße allerdings nicht onmouseover, sondern hover :p
Ach stimmt, ja damit hab ich schon öfters was gemacht, hatte jetzt nur nicht direkt gedacht das ich sowas auch damit hinbekomme, aber ist ja recht logisch :) danke -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage