MODDING-FAQ FORUM

Servus,

ich möchte einen Bekannten von mir bei seiner Internetseite von seinem Gästehaus helfen. Er hatte sich das so gedacht, das man auf einen Bereich des Grundriss vom Haus mit der Maus klickt, und der entsprechende Teil (Küche, Bad,....) wird dann aus dem Grundriss herausgezoom und als reales Bild (also keine Zeichnung, sondern ein Photo des Zimmers) angezeigt.

Das Problem ist nur, dass ich keine Ahnung habe, wie so etwas realisiert wird.

Ich denke, dass ich dazu Flash brauche, nur mir fehlen in diesem Fall die Programmierkenntnisse.

Ich hoffe ihr könnt mir einen Tipp geben

Skull

Man könnte das ganze auch mit Java machen, damit kriegt man zwar keinen Effekt hin, dass quasi das Foto aus dem Bild kommt, aber man könnte zumindest realisieren, dass beim Klicken auf verschiedene Bildbereiche das passende Bild in einem neuen Fenster geöffnet wird.

Die entsprechende Funktion hab ich auch leider nicht im Kopf aber in SelfHTML (http://de.selfhtml.org/) sollte sowas zu finden sein.

Naja also eigentlich wäre das auch im reinen HTML realisiebar, indem man eine Tabelle anlegt, und das Bild so in viele Segmente aufteilt. Das ist mir aber zu umständlich.

Ich habe  Macromedia Flash MX da. Nur hab ich halt keine Ahnung wie man sowas damit programmiert.

Aber ich kenne mich mit Powerpoint aus. Wenn ich das nun in Powerpoint realisiere, und dann per Converter umwandle, dann müsste das doch auch funzen, oder???

Skull

Also die Hotspots (anklickbare Punkte bzw. Bereiche) würde ich mit dem MAP-Tag (http://de.selfhtml.org/html/grafiken/verweis_sensitive.htm#definieren) auf den Bild verteilen.
Die Anzeige des echten Zimmerbildes übernimmt dann ein DIV der mithilfe von CSS un-/sichtbar gemacht wird. Mit Javascript wird dieser dann mit dem Bild "befüllt" und auf der Webseite platziert.
Diese  Lösung funktioniert dann auch in jedem Browser ohne zusätzliche Plugins.

MfG
Modshark

Ich hab mal versucht was mit Flash zu machen, ohne Ahnung davon zu haben...
Dazu ist es einfach zu Komplex, da du nicht nur das Programm selbst brauchst, sondern auch die einzelnen Elemente auf verschiedene Ebenen aufteilen und entsprechend verlinken musst. Wenn du wirklich was mit Flash machen möchtest solltest du dir ein entsprechendes Buch kaufen downloaden und dich richtig in die Materie denken.

Jo, das mit diesem MAP-Tag gefällt mir recht gut.

Wenn ich die Seite dann "befüllen" lasse, erscheint dann das Bild sofort, oder sind auch Effekt möglich?

Skull

Möglich sind theoretisch ein aufziehen, bzw. Einzoomen des Bildes oder auch ein Einfaden von unsichtbar nach sichtbar. Gerade letzteres funktioniert in IE und Mozilla allerdings unterschiedlich, was dies dann wiederum komplizierter aber nicht unmöglich macht.
Für welche Variante man sich letztendlich auch entscheidet, realisiert werden sie wieder alle mit JavaScript. Somit ist es das beste, das Script ersteinmal soweit zu bringen, dass es die Bilder gleich anzeigt und dann den Effekt hinzuzufügen.

MfG
Modshark

Alles klar, dann suche ich mir erstmal jetzt die Posotionen für die MAP-Tags und fang mal an das zu programmiern. Wenn ich nicht weiter weiß, dann frag ich nochmal.

Danke für eure Antworten

Skull

Hotspots lassen sich auch sehr gut mit Macromedia Fireworks erstellen.
Du hast dien Bild, nimmst die Hotspot funktion und ziehst nen Rahmen um den bereich (oder du setzt den Rahmen punkt für punkt, da gibts verschiedene Unterfunktionen).

Dann verlinkst in den eigenschaften den Hotspot noch mit dem Bild welche beim Draufklicken angezeigt werden soll.

Danach einfach auf Exportieren-->HTML und BILDER klicken udn schwupps erstellt er die html (welche natürlich editiert werden kann) und speicher die Bilder. Die hotspots werden dann in hmm wie soll man sagen.... "Pixelkoordinaten" in der html gespeichert.

www.macromedia.com da sollte es eine trial von fireworks geben.