gruss Stefan

mein chef hätte gern auf der neuen Firmenhomepage (die ich großzügigerweise
programmieren darf) eine Europakarte.
Diese Karte soll mit Rollovereffekten versehen werden, bei klick auf ein
entsprechendes Land rechts neben der Karte der jeweilige Handelspartner
stehen und alles soll möglichst schnell geladen sein.
...
Rollovereffekte sind mit Javascript auch kein Problem - aber ich habe bei
den vielen Ländern Europas unheimlich viele Dateien die summiert viel zu
groß sind.
Kann man (um zur Frage zu kommen) einfach dieses Imagemap in ner
Kontrastfarbe erscheinen lassen? Dass man halt dieses Land über
welches man mit der Maus fährt statt blau gelb erscheinen lässt
oder führt kein Weg an einem eigenen Bild vorbei?

mit html, css und javascript unter verwendung von maps funktioniert
   browseruebergreifend nur die bildvariante, welche sich aber auf ein
   einziges hintergrundbild beschraenken darf.
   dieses bild stellt man sich am besten als microfilm vor, der mit
   einem lesegeraet auch nur ausschnittsweise angesehen werden kann.

bsp.: http://www.pseliger.de/testCases/countryMap.html

- angezeigt werden soll ein raster von 3x3 feldern.
   - in der hover-faehigen version soll sich jedes einzelne
     feld fuer das entsprechend "mouseover"-ereignis von
     seiner umgebung abheben.
   - die nicht hover-faehige variante fuer ausgeschaltetes
     javascript muss auch noch beruecksichtigt werden.

dies verlangt nach 11 bildzustaenden, integriert in ein einzelnes bild:

9.26 kByte bei einer groesse von 450px mal 600px

- das 3x3-raster rechts oben deckt den letztgenannten fall ab.
   - das 3x3-raster links oben deckt den grundzustand aller laender ab.
   - die folgenden 9 3x3-raster decken die "mouseover"-zusataende jedes
     einzelnen landes ab.

um zum ziel zu gelangen, muss der normale anwendungsfall fuer ein
   HTMLImageElement etwas umgebogen werden, indem ein transparentes
   _2_mal_2_pixel_gif_ als bildquelle zum einsatz kommt.

die bildinformation erhalten wir jetzt ueber die css-regel fuer
   dieses bild, die den bildhintergrund auf den ausschnitt fuer
   javascript-verhinderte browser schiebt.
   alle weiteren bildmanipulationen werden nach dem laden von
   javascript-faehigen browsern initialisiert. dabei werden fuer
   jedes HTMLAreaElement die eventhandler fuer "mouseover", "focus",
   "mouseout" und "blur" definiert, deren funktionen sich um den
   austauch der entsprechenden klassen-namen kuemmern.

die logischen informationen stecken ohnehin im HTMLMapElement
   und dessen HTMLAreaElementen, die deswegen einer gruendlichen
   auszeichnung durch die "title"- bzw. "alt"- attribute beduerfen.

Würde mich über Antworten freuen.

Danke dafür.

bitte

by(t)e by(t)e - peterS. - pseliger@gmx.net