mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Fr 19.04.2024 03:58 Benutzername: Passwort: Auto-Login

Thema: Mouseover - Area / Image-Map vom 26.09.2007


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Programmierung -> Mouseover - Area / Image-Map
Autor Nachricht
RoteZora2007
Threadersteller

Dabei seit: 26.09.2007
Ort: -
Alter: -
Geschlecht: -
Verfasst Mi 26.09.2007 13:31
Titel

Mouseover - Area / Image-Map

Antworten mit Zitat Zum Seitenanfang

Hallo liebe Community *zwinker*

Folgendes Problem stellt sich mir:

Ich habe 3 Buttons via CSS Background direkt untereinander gelegt und dort mit einem Mouseover versehen, klappt einwandfrei ...
Allerdings nicht eingegrenzt als Schaltbild, sondern komplett mit dem grauen Hintergrund.
Es sollen ja nur die roten bzw. blauen Balken schaltbar sein ..ohne den grauen Hintergrund.

Image-Maps funktionieren ja bei Hintergrundbildern nicht.

Deswegen war meine Überlegung, den Mouseover-Effekt über Javascript zu steuern.
Klappt auch wunderbar, aber wenn ich jetzt das 2. Bild darunter setze, dann kann ich es ja nicht über den ersten Button legen, weil es ja keine layer gibt ..

D.h. die Bilder sind viel weiter auseinander weil sie nicht verschachtelt sind.

Gibt es irgendeine Möglichkeit hier die Buttons einzugrenzen und schaltbar zu machen, also nur die Buttons an sich ohne den Hintergrund (rote Balken,blauer Balken) ohne das Grau dazwischen ...

Code:

  <script language='javascript'>
   button1 = new Image();
   button1.src = 'images/download.gif';
 
   button2 = new Image();
   button2.src = 'images/download_over.gif';
 

   function wechsel1 ()
   {
   window.document.images[0].src=button2.src;
   }
 
   function wechsel2 ()
   {
   window.document.images[0].src=button1.src;
   }
  </script>


<map name='image-map'>
  <area shape='rect' coords='10,55,280,125' href='' alt=''
   ONMOUSEOVER = 'wechsel1()'
   ONMOUSEOUT  = 'wechsel2()'
</map>

<img name='image' src='images/download.gif' alt='' border=1 usemap='image-map'>



Hoffe man versteht was ich meine ..




Zuletzt bearbeitet von RoteZora2007 am Mi 26.09.2007 13:39, insgesamt 5-mal bearbeitet
  View user's profile Private Nachricht senden
Kraat

Dabei seit: 05.10.2006
Ort: Köln
Alter: 42
Geschlecht: Männlich
Verfasst Mi 26.09.2007 13:34
Titel

Antworten mit Zitat Zum Seitenanfang

Nö verstehe kein Wort, und deine Grafik erklärt auch nicht das geringste. <-- Schuld!
  View user's profile Private Nachricht senden
Anzeige
Anzeige
RoteZora2007
Threadersteller

Dabei seit: 26.09.2007
Ort: -
Alter: -
Geschlecht: -
Verfasst Mi 26.09.2007 13:37
Titel

Antworten mit Zitat Zum Seitenanfang

ok, vielleicht anders ... * Wo bin ich? *

Area Maps auf Hintergrundbildern (CSS) funktionieren nicht?

Wenn doch, wie? Hä?
  View user's profile Private Nachricht senden
Raumwurm

Dabei seit: 21.12.2004
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst Mi 26.09.2007 14:07
Titel

Antworten mit Zitat Zum Seitenanfang

Verstehe das auch nicht wirklich, aber Du könntest
hergehen und ein transparentes Gif mit der Imagemap
über das background-Bild legen - falls du das meinst.
  View user's profile Private Nachricht senden
RoteZora2007
Threadersteller

Dabei seit: 26.09.2007
Ort: -
Alter: -
Geschlecht: -
Verfasst Mi 26.09.2007 14:39
Titel

Antworten mit Zitat Zum Seitenanfang

Es sollen nur die Balken klickbar sein und nicht wenn ich z.B. halb links auf das graue Klicke, ebenfalls klickbar ist und zum Baken gehört.

Jaaaa, genau so könnte eine Lösung aussehen *zwinker*
Es sind ja 3 verschiedene Bilddateien ..

Muss ich dann 3 transparente Gif´s über jedes Bild legen?
  View user's profile Private Nachricht senden
Raumwurm

Dabei seit: 21.12.2004
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst Mi 26.09.2007 15:07
Titel

Antworten mit Zitat Zum Seitenanfang

Vielleicht ja, aber ehrlich gesagt hab ichs leider
immer noch nicht gerafft, wie die Seite/das Problem
überhaupts genau aussieht - sorry steh da aufm
Schlauch irgendwie. Ooops


Zuletzt bearbeitet von Raumwurm am Mi 26.09.2007 15:08, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden
 
Ähnliche Themen list-style-image bei mouseover austauschbar?
Bildergalerie Mouseover andere Position & Mouseover Scroll
onmouseover und <area> Problem
crop-area in illustrator cs2 für web-jpg´s
suche ein fall out Image Menu, mit 3 image ebenen
Mit 1 klick 2 Frames ändern mir area shape ???
Neues Thema eröffnen   Neue Antwort erstellen
MGi Foren-Übersicht -> Programmierung


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.