Imagemaps und Mouseover

[shorty]

Hallo,

bei meinem Imagemap (Deutschlandkarte) sollen beim "mouseover"
die einzelnen Länder kurz die Hintergrundfarbe wechseln. Leider
habe ich damit echte Probleme. Ich hab's auf 2 Arten so versucht:

<div id="karte">
<IMG SRC="images/deutschland.jpg" USEMAP="#deutschland"  alt="Deutschland" border="0" width="550" height="500">

<MAP NAME="deutschland"><AREA SHAPE="POLY" href="..." COORDS="..."></MAP>
</div>

(externe CSS):
#karte a:hover {background-color: #FFFF80;}

wie oben,dann:
<MAP NAME="deutschland"><AREA SHAPE="POLY" href="..." COORDS="..."
onmouseover="document.bgColor='#FFFF80'"onmouseout="document.bgColor='#FFFFFF'"></MAP>
</div>

Klappt natürlich nicht. Kann mir jemand sagen, egal
ob mit CSS oder Javascript, wie's funktioniert?

Herzlichen Dank!

[mipu]

Moin,

zerschneide deine karte in einzelbilder, pack die in eine Tabelle, dann klappen mouseovereffekte mit den einzelbildern in den tabellenzellen. Mit einer imagemap = no way

cu mipu

[Cybaer]

Hi,

Mit einer imagemap = no way

? 16 GIFs mit jeweils einem gefärbten Land einfach via onMouseOver austauschen ist nicht "no way" sondern "sehr einfach". =;-)

Gruß, Cybaer

[mipu]

Mit einer imagemap = no way

? 16 GIFs mit jeweils einem gefärbten Land einfach via onMouseOver austauschen ist nicht "no way" sondern "sehr einfach". =;-)

Gruß, Cybaer

Da hast du zwar recht, aber das ist dann ja auch keine Imagemap, oder ? :)

cu mipu

[Cybaer]

Hi,

Da hast du zwar recht, aber das ist dann ja auch keine Imagemap, oder ? :)

Ergänze: "... 16 Image-Map-GIFs ..." Die Koordinaten bleiben ja dieselben (gleichwohl: auch diese lassen sich per JS austauschen).

Gruß, Cybaer

[MelanieK]

Hi,

bei meinem Imagemap (Deutschlandkarte) sollen beim "mouseover"
die einzelnen Länder kurz die Hintergrundfarbe wechseln.

Es ist machbar, allerdings mit etwas Aufwand.

ZB mit diesem Ansatz:

Deine Deutschland Karte muss zunaechst transparent sein, also nur die Umrisse der Bundeslaender darstellen. Packe die Karte in einen Container mit hohem z-index.
Dann erstelle Einzelbilder der verschiedenen Bundeslaender mit gewuenschter Farbe fuer das Highlight. Diese muessen dann in separaten Div-Containern an den richtigen Stellen hinter der Deutschland Karte positioniert werden. Etwas fizelig.
Diese divs sind ausgeblendent, und werden nur sichtbar wenn ein entsprechendes Javascript auf mouseover ueber die Imagemap aufgerufen wird.

Ich hoffe das hilft Dir weiter.

Gruss,
Melanie

[Gernot Back]

Hallo Shorty

das hatten wir noch unlängst:

http://forum.de.selfhtml.org/archiv/2004/8/88414/

Gruß Gernot

[shorty]

Für alle die damit auch schlaflose Nächte hatten:
So geht's mit Grafik-Tausch und Javascript:

(im Head:)
<script language="javascript" type="text/javascript">
<!--
function tausch1(){
if (document.images)
document.deutschland.src='images/niedersachsen.gif';
}
function zurueck1() {
if (document.images)
document.deutschland.src='images/deutschland.gif';
}
//-->
</script>

(im Body:)
<IMG SRC="images/deutschland.gif" USEMAP="#deutschland" name="deutschland" width=".." height=".." alt=".." border="0">

<MAP NAME="deutschland">
<AREA SHAPE="POLY" HREF=".." OnMouseOut="zurueck1()" OnMouseOver="tausch1()" COORDS="..."></map>

Für die restlichen Länder Script und Areas entsprechend mit
tausch2, zurueck2 u.s.w. erweitern. Bei 16 Ländern natürlich
ein mordsmäßiges Script, aber ich war schon immer der Meinung,
dass wir zuviele Bundesländer haben...
Oder hat jemand 'ne Idee wie man das Script kürzen könnte ?
Gruß, shorty

[Cybaer]

Hi,

Für die restlichen Länder Script und Areas entsprechend mit
tausch2, zurueck2 u.s.w. erweitern.

?

Oder hat jemand 'ne Idee wie man das Script kürzen könnte ?

1 mal tausch + GIF-Name als Parameter

Gruß, Cybaer

[Gernot Back]

Hallo Cybear, hallo Shorty,

es wäre doch schön, wenn man so etwas mit (Bundes-)Länder-Imagemaps mal als Feature- oder Tipps-und-Tricks-Artikel hier hätte. Die Frage habe ich im Forum schon so oft gelesen, obwohl ich erst drei Monate regelmäßig dabei bin.

Also Shorty, wenn es dein privates Projekt ist und du somit im Besitz der Rechte bist, könntest du vielleicht mal deinen kompletten Lösungsansatz veröffentlichen.

Ich gebe dir Recht, wir haben zu viele Bundesländer, aber was sollen erst die Schweizer mit ihren vielen "(Halb-)Chantön" "sägge", deren ganzes Land gerade mal die Größe Niederschsens hat?

Gruß Gernot

[Cybaer]

Hi,

Die Frage habe ich im Forum schon so oft gelesen, obwohl ich erst drei Monate regelmäßig dabei bin.

:-))

Allerdings war es vorher AFAIR weniger stark.

Außerdem könnte man sich auch ruhig mal eine andere Vorgehensweise überlegen, als ein "abgenudeltes" Thema, was überall im Web Verwendung findet. ;->

Also Shorty, wenn es dein privates Projekt ist und du somit im Besitz der Rechte bist, könntest du vielleicht mal deinen kompletten Lösungsansatz veröffentlichen.

Ist natürlich nie verkehrt! Wenn man wirklich sowas macht, ist ja alleine die korrekte Polygondefinition 'ne Arbeit ... ;-))

Ich gebe dir Recht, wir haben zu viele Bundesländer, aber was sollen erst die Schweizer mit ihren vielen "(Halb-)Chantön" "sägge", deren ganzes Land gerade mal die Größe Niederschsens hat?

"Gruezzi"? ;)

Gruß, Cybaer

[Gernot Back]

Hallo Cybear,

Die Frage habe ich im Forum schon so oft gelesen, obwohl ich erst drei Monate regelmäßig dabei bin.

Allerdings war es vorher AFAIR weniger stark.

Jetzt sag noch, ich bin dran schuld! Das mit Frames, Musik und Flash nehme ich auf meine Kappe, aber das nicht!

Außerdem könnte man sich auch ruhig mal eine andere Vorgehensweise überlegen, als ein "abgenudeltes" Thema, was überall im Web Verwendung findet. ;->

Also Shorty, wenn es dein privates Projekt ist und du somit im Besitz der Rechte bist, könntest du vielleicht mal deinen kompletten Lösungsansatz veröffentlichen.

Ist natürlich nie verkehrt! Wenn man wirklich sowas macht, ist ja alleine die korrekte Polygondefinition 'ne Arbeit ... ;-))

Ich kann nur sagen, das ist grauenvoll! Ich habe ja mal einen Striptease mit mir selbst programmiert, auch mit Imagemaps. An der Bildbearbeitung und der Polygondefinition hatte ich vier volle Arbeitstage à 12 Stunden Spaß, die Programmierung hat dann nur zwei Tage gedauert. Aber was tut man nicht alles, um als Single bei Kontaktbörsen im Geschäft zu bleiben.

Ich gebe dir Recht, wir haben zu viele Bundesländer, aber was sollen erst die Schweizer mit ihren vielen "(Halb-)Chantön" "sägge", deren ganzes Land gerade mal die Größe Niederschsens hat?

"Gruezzi"? ;)

Wenn du damit fragen willst, ob ich selbst Schweizer bin, muss ich verneinen, ich habe aber gestern wohl schon ganz unter dem Eindruck des Käsefondues gestanden, das mir ein Schweizer dann noch am selben Abend servierte. Mein vor zwei Jahren programmierter Striptease hat sich damit übrigens schon wieder ein Stück von der Realität entfernt. Jetzt muss ich zusehen, wie ich diesen "Bug" wieder fixe. Ich fürchte, das wird so oder so eine Menge Arbeit.

Gruß Gernot

[at]

Hallo.

Wenn du damit fragen willst, ob ich selbst Schweizer bin, muss ich verneinen, ich habe aber gestern wohl schon ganz unter dem Eindruck des Käsefondues gestanden, das mir ein Schweizer dann noch am selben Abend servierte. Mein vor zwei Jahren programmierter Striptease hat sich damit übrigens schon wieder ein Stück von der Realität entfernt. Jetzt muss ich zusehen, wie ich diesen "Bug" wieder fixe. Ich fürchte, das wird so oder so eine Menge Arbeit.

"Well you'll never gain weight from a doughnut hole"
MfG, at

[Cybaer]

Hi,

Jetzt sag noch, ich bin dran schuld! Das mit Frames, Musik und Flash nehme ich auf meine Kappe, aber das nicht!

Ich würde nie behaupten, daß es deine Schuld ist! =:-o

Aber man kann es ja mal so andeutungsweise im Raum stehen lassen ... ;-}

Ich kann nur sagen, das ist grauenvoll! Ich habe ja mal einen Striptease mit mir selbst programmiert, auch mit Imagemaps. An der Bildbearbeitung und der Polygondefinition hatte ich vier volle Arbeitstage à 12 Stunden Spaß, die Programmierung hat dann nur zwei Tage gedauert. Aber was tut man nicht alles, um als Single bei Kontaktbörsen im Geschäft zu bleiben.

Sehen will!!! Den URL büddä!!! :-)))))

Mein vor zwei Jahren programmierter Striptease hat sich damit übrigens schon wieder ein Stück von der Realität entfernt.

Wieso? O;-)

Hast Du auf eine der zahlreichen "Penis-Verlängerungs-Spams" geantwortet? >;-> Und ist dann "er" ...

Jetzt muss ich zusehen, wie ich diesen "Bug" wieder fixe. Ich fürchte, das wird so oder so eine Menge Arbeit.

... dabei gerissen? >>;->>

Gruß, Cybaer

[Gernot Back]

Hallo Cybear,

Ich kann nur sagen, das ist grauenvoll! Ich habe ja mal einen Striptease mit mir selbst programmiert, auch mit Imagemaps. An der Bildbearbeitung und der Polygondefinition hatte ich vier volle Arbeitstage à 12 Stunden Spaß, die Programmierung hat dann nur zwei Tage gedauert. Aber was tut man nicht alles, um als Single bei Kontaktbörsen im Geschäft zu bleiben.

Sehen will!!! Den URL büddä!!! :-)))))

Es hat etwas länger gedauert, ich musste erst einmal meine erogenen Zonen deaktivieren.

Aber nur für die, die versprechen, nicht zu streng auf meine Quick'nDirty-Programmierung zu schauen:

http://www.sprachlernspiele.de/strip

Gruß Gernot

[Cybaer]

Hi,

Es hat etwas länger gedauert, ich musste erst einmal meine erogenen Zonen deaktivieren.

LOL, das sind aber nicht viele. ;->

Aber nur für die, die versprechen, nicht zu streng auf meine Quick'nDirty-Programmierung zu schauen:

Versprochen! :)

http://www.sprachlernspiele.de/strip

Kann ich das mit folgender Link-Grafik weiterempfehlen? <img src="http://www.vampirehost.de/Augen-Blicke/merchand/smilies/geileshow.gif" border="0" alt="">

;-))))

Gruß, Cybaer

[Gernot Back]

Hallo Cybear,

Es hat etwas länger gedauert, ich musste erst einmal meine erogenen Zonen deaktivieren.

LOL, das sind aber nicht viele. ;->

Dabei sind das schon zwei mehr, als die meisten Männer haben!

Aber nur für die, die versprechen, nicht zu streng auf meine Quick'nDirty-Programmierung zu schauen:

Versprochen! :)

Ich meine, ich habe ja auch Schamgefühl, so ist das ja nicht!

http://www.sprachlernspiele.de/strip

Kann ich das mit folgender Link-Grafik weiterempfehlen? <img src="http://www.vampirehost.de/Augen-Blicke/merchand/smilies/geileshow.gif" border="0" alt="">

Doch, das schmeichelt!

Gruß Gernot

[Gernot Back]

Hallo nochmal,

Es hat etwas länger gedauert, ich musste erst einmal meine erogenen Zonen deaktivieren.

LOL, das sind aber nicht viele. ;->

Dabei sind das schon zwei mehr, als die meisten Männer haben!

Dazu noch Folgendes:

<img src="http://www.poster.net/rauchenbach-e/rauchenbach-e-lauter-erogene-zonen-2403214.jpg" border="0" alt="">

Gruß Gernot

[Zeromancer]

Hallo,

kann man das mal online sehen? Plane sowas für das Land Brandenburg.

Mit freundlichen Grüßen

André