kostenloser Webspace werbefrei: lima-city


div über img einblenden

lima-cityForumDie eigene HomepageHTML, CSS & Javascript

  1. Autor dieses Themas

    valentinwinkelmann

    valentinwinkelmann hat kostenlosen Webspace.

    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 :)
  2. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

    lima-city: Gratis werbefreier Webspace für deine eigene Homepage

  3. 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
    document.getElementById('div1).style.display='block'
    und beim onmouseout
    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
  4. Autor dieses Themas

    valentinwinkelmann

    valentinwinkelmann hat kostenlosen Webspace.

    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
    document.getElementById('div1).style.display='block'
    und beim onmouseout
    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
  5. 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:
    UFF entschuldige, deine lösung war absolut perfekt er wollte ganze zeit nur nicht speichern :D danke vielmals hat mir sehr geholfen :)
    übersehen -.-

    Beitrag zuletzt geändert: 22.9.2011 21:37:56 von syberpsace
  6. 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
  7. Autor dieses Themas

    valentinwinkelmann

    valentinwinkelmann hat kostenlosen Webspace.

    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
  8. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

    lima-city: Gratis werbefreier Webspace für deine eigene Homepage

Dir gefällt dieses Thema?

Über lima-city

Login zum Webhosting ohne Werbung!