Antworten zum Thema „Interaktives Bild erstellen (Karte mit Orten + Gallerie)“

[Stalafin]

Ich plane derzeit folgendes auf einer Website umzusetzen:

Auf einer neutral gehaltenen Weltkarte (in beige gehalten) sollen sich verschiedene Punkte befinden (rot z.B.).
Diese Punkte sollen für einzelne Orte auf der Weltkarte stehen. D.h. zum Beispiel: dort wo eigentlich New York auf der Weltkarte wäre befindet sich ein roter Punkt.

Neben dieser soll es einen weiteren Container geben, in dem nebeneinander verschiedene Bilder angezeigt werden können.

Die Idee ist nun: wenn man mit der Maus über den roten Punkt a.k.a. New York fährt, so sollen im Container daneben Impressionen New Yorks angezeigt werden. Dazu soll der rote Punkt aufleuchten (also einfach hervorgehoben werden)-
(wenn das zu belastend für die Internetverbindung ist, können die Bilder auch erst nach Klick geladen werden).


Wie realisiere ich das jetzt?
Was brauche ich dafür?

>>Ahnung von XHTML und CSS vorhanden. JavaScript und PHP nur seeeehr begrenzt.

 

[DexDexter]

ich würde es in flash machen... wird da ganz einfach, schnell und unkompliziert...

 

[Duddle]

Wenn du nach ?CSS Image Map? suchst, findest du ein paar geeignete Methoden, die sogar der IE versteht.

Beispielsweise oder oder

ich würde es in flash machen... wird da ganz einfach, schnell und unkompliziert...

Und wie soll dann jemand ohne Flash die Inhalte erfassen? Wie sollen Screenreader die Texte lesen, Google die Seiten indexieren können?


Duddle

 

[Stalafin]

Sehr sexy! Danke Duddle! Werde mir die Sachen mal intensiv zu Gemüte führen.




@Flash:
Prinzipiell ist die Idee nicht schlecht, DexDexter, aber erstmal müsste ich mich in Flash reinarbeiten. Und wenn ich dann Flash auf die Seite packe, wird sie erstmal nicht unwesentlich größer und, wie Duddle gesagt hat, die Kompatibilität mit Leuten, die kein Flash haben, nimmt ab.

Außerdem finde ich, ist Flash eine Belastung für die Internetverbindung und für den Computer selber.

 

[Stalafin]

Ich habe mir jetzt diese CSS Image Maps angeschaut und bin wirklich beeindruckt. Es ist fantastisch, was man damit machen kann.

Nur eine Frage hätte ich noch:
Worin besteht der Vorteil von CSS gegenüber JavaScript bei der Erstellung von solchen Image Maps?
Klar - die Image Maps funktionieren auch bei Leuten, die JavaScript deaktiviert haben. Aber ansonsten?
Ist CSS Code einfacher für den Browser zu interpretieren? Geht's schneller?