1. Dashboard
  2. Artikel
  3. Mitglieder
    1. Letzte Aktivitäten
    2. Benutzer online
    3. Team
    4. Mitgliedersuche
  4. Forum
    1. Unerledigte Themen
  • Anmelden
  • Registrieren
  • Suche
Dieses Thema
  1. HTML - Webmaster Forum
  2. HTML / Webmaster Forum
  3. Forum für Grafiken und Bildbearbeitung

Imagemaps

  • jana08
  • 31. Juli 2007 um 00:43
  • jana08
    Teeny
    Beiträge
    31
    • 31. Juli 2007 um 00:43
    • #1

    Ich hab mal wieder ein Problem.
    Ich hab ein Bild mir Imagemag und möchte einen hover Effect einbauen.
    Geht das irgendwie?

    Das ist die Imagemap:

    Code
    [img]index.gif[/img]
    <map name="index_Map">
    <area shape="rect" alt="" coords="578,516,707,560" href="http://">
    <area shape="rect" alt="" coords="440,516,558,560" href="http://">
    <area shape="rect" alt="" coords="288,516,411,560" href="http://">
    <area shape="rect" alt="" coords="176,516,258,560" href="http://">
    <area shape="rect" alt="" coords="176,329,343,396" href="http://">
    </map>

    Und jetzt möchte ich halt nen hover Effect. Oder sowas wie Mouseover

    Ich hab es so z.B. probiert:

    Code
    <area shape="rect" alt="" coords="578,516,707,560" href="http://" 
    onMouseOver="'hover.gif'"
    OnMouseOut="bla.gif'">


    :D Aber das geht nicht...

    Könnt ihr mir helfen???[/code]

  • vbtricks
    Kaiserliche Hoheit
    Beiträge
    1.586
    • 3. August 2007 um 10:53
    • #2

    Salut,

    evtl. ist es besser, das Bild in eine Tabelle aufzuteilen und dann beim Überfahren der entsprechenden Zellen das Bild zu wechseln. Mit hover im CSS müsstest du dann sogar ganz ohne JS auskommen.


    Stefan

    Farben richtig wählen: ColorBlender
    Website validieren: W3C Markup Validation Service
    Meine Website: vbtricks
    Kleines Snake zwischendurch?

Tags

  • gif
  • http
  • problem
  • href
  • img
  • code
  • bild
  • tabelle
  • index
  • css
  • zelle
  • zellen
  • imagemap
  • js
  • hover
  • name

Benutzer online in diesem Thema

  • 1 Besucher
  1. Datenschutzerklärung
  2. Impressum
Community-Software: WoltLab Suite™
  • Alles
  • Dieses Thema
  • Dieses Forum
  • Artikel
  • Seiten
  • Forum
  • Erweiterte Suche