Ergebnis 1 bis 4 von 4

Thema: ImageMap Mouseover Effekt funktioniert nicht

  1. #1
    HTML Newbie
    Registriert seit
    28.01.2015
    Beiträge
    3
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Idee ImageMap Mouseover Effekt funktioniert nicht

    Hallo,

    ich habe folgendes Problem.
    Habe eine ImageMap erstellt und möchte nun eine Hover Effekt erzeugen, dass sobald ich über eines der abgesteckten bereiche unten mit der maus fahre im bereich [432,39,782,564] ein bild angezeigt wird.
    Für jeden unten definierten Bereich gibt es ein anderes Bild. Alle die gleiche Größe.
    Es werden externe Links verwendet (http://www.xyz.de/bilder/bild1.png)

    <map name="ImageMap" id="ImageMap">
    <area shape="rect" coords="432,39,782,564" href="#" alt="" />
    <area shape="rect" coords="11,7,131,172" href="link1" target="_blank alt=""
    <area shape="rect" coords="144,7,264,172" href="link2" target="_blank alt="" />
    <area shape="rect" coords="279,7,399,172" href="link3" target="_blank alt="" />
    <area shape="rect" coords="11,178,131,343" href="link4" target="_blank alt="" />
    <area shape="rect" coords="143,178,263,343" href="link5" target="_blank alt="" />
    <area shape="rect" coords="280,178,400,343" href="link6" target="_blank alt="" />
    </map>
    <img src="http://www.xyz.de/bilder/hintergrund.png" width="810" height="1200" border="0" alt="Hintergrund" title="Hintergrund" usemap="#ImageMap" />

    Nun komme ich allerdings nicht weiter
    Habe es mit dem Zusatz:

    Code:
    onmouseover="ShowPicA(this.href)"  href="http://www.xyz.de/bilder/bild1.png" alt="Bild1" shape="rect"  coords="432,39,782,564"
    versucht jedoch ohne Erfolg.
    Achtung: Dies ist ein alter Thread im HTML und Webmaster Forum
    Diese Diskussion ist älter als 90 Tage. Die darin enthaltenen Informationen sind möglicherweise nicht mehr aktuell. Erstelle bitte zu deiner Frage ein neues Thema im Forum !!!!!

  2. #2
    König(in)
    Registriert seit
    07.02.2009
    Ort
    Leipzig
    Beiträge
    1.391
    Danke
    2
    Bekam 21 mal "Danke" in 20 Postings

    Standard AW: ImageMap Mouseover Effekt funktioniert nicht

    Wenn Du noch die Funktion ShowPicA zeigen würdest, könnte man vlt. erraten woran es liegt.

  3. #3
    HTML Newbie
    Themenstarter

    Registriert seit
    28.01.2015
    Beiträge
    3
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: ImageMap Mouseover Effekt funktioniert nicht

    Zitat Zitat von threadi Beitrag anzeigen
    Wenn Du noch die Funktion ShowPicA zeigen würdest, könnte man vlt. erraten woran es liegt.
    Wie soll ich sagen, die Funktion gibt es so noch nicht...
    Wie müsste diese Funktion denn aussehen?

  4. #4
    HTML Newbie
    Themenstarter

    Registriert seit
    28.01.2015
    Beiträge
    3
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: ImageMap Mouseover Effekt funktioniert nicht

    <script language="javascript">
    function ShowPic(sImage)
    {
    sImage = "http://www.xyz.de/bilder/" + sImage + ".png";
    document.Hintergrund.src = sImage;
    }
    </script>

    So hätte ich es mir jetzt zusammen gebastelt, jedoch funktionieren tut es noch nicht

Ähnliche Themen

  1. Mouseover Effekt
    Von webgirl im Forum HTML & CSS Forum
    Antworten: 10
    Letzter Beitrag: 02.06.2010, 15:30
  2. Imagemap funktioniert nur teilweise
    Von Unregistriert im Forum HTML & CSS Forum
    Antworten: 2
    Letzter Beitrag: 28.03.2009, 22:44
  3. Imagemap auf nen mouseover event
    Von Fuzzle im Forum HTML & CSS Forum
    Antworten: 0
    Letzter Beitrag: 20.03.2007, 10:50
  4. Mouseover-Effekt
    Von darkblue im Forum HTML & CSS Forum
    Antworten: 5
    Letzter Beitrag: 10.08.2005, 05:09
  5. imagemap verbunden mit mouseover
    Von ugluk im Forum HTML & CSS Forum
    Antworten: 4
    Letzter Beitrag: 28.06.2005, 17:16

Stichworte

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •