Forenindex » Programme » Web/Internet » Adobe Dreamweaver » Image Map

Image Map

den7
Beiträge gesamt: 280

19. Feb 2009, 09:47
Bewertung:

gelesen: 9137

Beitrag als Lesezeichen
salut zäme

ich suche die Funktion im Dreamweaver, um ein Image Map zu erstellen. Das "Map" konnte ich auf dem Bild setzen. Wie kann ich aber mit Dreamweaver das 2. Bild nun verknüpfen?

Danke für die Antwort.
Den7

Image Map

loethelm
  
Beiträge gesamt: 6029

19. Feb 2009, 10:19
Bewertung:

gelesen: 9116

Beitrag als Lesezeichen
Hallo,

welches zweite Bild?


Viele Grüße

Loethelm

------------------
Helfen Sie mit, damit HilfDirSelbst.ch weiterhin helfen kann.
http://www.hilfdirselbst.ch/info/
------------------

Image Map

den7
Beiträge gesamt: 280

19. Feb 2009, 10:21
Bewertung:

gelesen: 9114

Beitrag als Lesezeichen
ich möchte, dass ein Rollover effeckt entsteht. ich habe ein Bild, und wenn ich mit der Maus drüberfahre, dann erscheint ein anderes Bild. Bei einem Klick erscheint eine neue Seite.

Image Map

loethelm
  
Beiträge gesamt: 6029

19. Feb 2009, 10:39
Bewertung:

gelesen: 9103

Beitrag als Lesezeichen
Das geht mit dem Dreamweaver-Verhalten "Bild austauschen" für onmouseover und einem Link für onClick.


Viele Grüße

Loethelm

------------------
Helfen Sie mit, damit HilfDirSelbst.ch weiterhin helfen kann.
http://www.hilfdirselbst.ch/info/
------------------

Image Map

den7
Beiträge gesamt: 280

19. Feb 2009, 10:50
Bewertung:

gelesen: 9095

Beitrag als Lesezeichen
Sorry, kannst Du mir die Arbeitsschritte genauer erklären?

Ich komme aus der Go Live Welt, steige jetzt aber um auf Dreamweaver und muss mich da zuerst etwas heimisch machen...

Danke für die Hilfe
Den7

Image Map

loethelm
  
Beiträge gesamt: 6029

19. Feb 2009, 11:31
Bewertung:

gelesen: 9085

Beitrag als Lesezeichen
Bild slicen. In DW laden. ImageMap drauflegen. ImageMap bereich anklicken. Menüpunkt Verhalten. Bild austauschen. Auszutauschenden Slice wählen. Neues Bild wählen. Ereignis (oder so ähnlich hiesst das) auf onmouseover stellen.


Viele Grüße

Loethelm

------------------
Helfen Sie mit, damit HilfDirSelbst.ch weiterhin helfen kann.
http://www.hilfdirselbst.ch/info/
------------------

Image Map

Philyra
Beiträge gesamt: 509

20. Feb 2009, 22:56
Bewertung:

gelesen: 9031

Beitrag als Lesezeichen
Eine Imagemap ist etwas ganz anderes als ein Button mit Hovereffekt. Eine Imagemap ist ein Bild, auf dem auf Teilflächen Links liegen. Du möchtest aber, daß ein Button sich verändert, wenn man mit der Mouse drüberkommt.

Onmouse-Events sind nicht gut. Solche Sachen haben in HTML-Dokumenten eigentlich nichts zu suchen. Hier Videotutorials, wie man das macht:

http://itunes.apple.com/WebObjects/MZStore.woa/wa/viewPodcast?i=49028805&id=273881728

Mit Sprites:

http://itunes.apple.com/WebObjects/MZStore.woa/wa/viewPodcast?i=49028818&id=273881728

http://itunes.apple.com/WebObjects/MZStore.woa/wa/viewPodcast?i=49959628&id=291173544

Image Map

den7
Beiträge gesamt: 280

23. Feb 2009, 15:38
Bewertung:

gelesen: 8965

Beitrag als Lesezeichen
Nun, danke für die guten Inputs. Aber ich denke, dass mein Problem mein Wechsel von Golive zu Dreamweaver ist. Auf meiner Seite habe ich rollovers eingebaut sowie auch imagemaps.

Wenn ich eine bestehende Seite nun erweitern möchte, funktionieren die Effekte nicht mehr. Siehe Beispiel Seite:

http://www.dfportfolio.ch/portfolio/australia/Natur/australia1.html

Die linke Navigation (landschaft, mensch, tier, architektur) ist mit imagemaps erstellt. Ich möchte nun ein weiteres Land mit Bildern produzieren, jedoch wird das nix auf dreamweaver.

Wie gehe ich nun am besten vor? Muss ich hier den ganzen Java script befehl löschen und im Dreamweaver neu bauen?

Image Map

Dirk Levy
  
Beiträge gesamt: 9464

23. Feb 2009, 17:12
Bewertung:

gelesen: 8949

Beitrag als Lesezeichen
Antwort auf [ Philyra ] Eine Imagemap ist etwas ganz anderes als ein Button mit Hovereffekt. Eine Imagemap ist ein Bild, auf dem auf Teilflächen Links liegen. Du möchtest aber, daß ein Button sich verändert, wenn man mit der Mouse drüberkommt.


Hier liegst Du falsch - natürlich geht das mit ImageMaps
zu machen, auch hier kann man damit arbeiten....

In ImageReady war das easy zu machen und der
Photoshop wird es auch können....

Gruß
Dirk

[LMCP - LEVY MEDIA MULTICHANNEL PUBLISHING]
https://www.levy-media.de

Image Map

Dirk Levy
  
Beiträge gesamt: 9464

23. Feb 2009, 17:17
Bewertung:

gelesen: 8946

Beitrag als Lesezeichen
Ich glaube Du mußt mal Deinen Quellcode
überprüfen und bereinigen:

<script type="text/javascript" src="../../../../Skript/CSScriptLib.js"></script>
<script type="text/javascript" src="../../../../Skript/CSScriptLib.js"></script>
<script type="text/javascript" src="../../../../Skript/CSScriptLib.js"></script>

<script type="text/javascript" src="../../../../Skript/CSScriptLib.js"></script>
<script type="text/javascript" src="../../../../Skript/CSScriptLib.js"></script>
<csscriptdict import>
<script type="text/javascript" src="../../../../Skript/CSScriptLib.js"></script>


Als Beispiel.....

Das JavaScript für ImageMaps mit Rollover generiert
ja ImageReady oder Photoshop und das ist auch
Browserstabil. Daran wird es nicht liegen.

Außerdem ist die Skripbibliothek ziemlich groß,
aber ohne GL wirst Du die nicht bereinigen
können. Das ist einer der Nachteile beim Umstieg,
Du mußt eigentlich alle ehemaligen GL-Funktionen
durch Ähnliches in DW ersetzen - soweit es das
dann auch gibt....

Gruß
Dirk

[LMCP - LEVY MEDIA MULTICHANNEL PUBLISHING]
https://www.levy-media.de

Image Map

Philyra
Beiträge gesamt: 509

5. Mär 2009, 02:35
Bewertung:

gelesen: 8728

Beitrag als Lesezeichen
Ich wiederhole mich: Die linke Dreierbildnavigation macht man ohne jedes Java mit Sprites. Das ergibt drei Divs mit einem einzigen Bild als Hintergrund. Darauf sind die drei Motive dreimal (für :link, :hover, :active). Per CSS wird der Hintergrund innerhalb des Divs dann verschoben. Da nur ein Bild geladen wird, wird die Seite auch entsprechend schneller.

Und nochmal: Es gibt auf dieser Seite keine Imagemaps. I. sind verweissensitive Grafiken, meist große Bilder auf denen Bereich mit area-shapes überzogen sind (http://de.wikipedia.org/wiki/Imagemap). Hier werden aber Mouseevent-Buttoms verwendet. Und Dirk: Ich habe nicht behauptet, daß man das nicht auch mit Imagemaps machen könnte. Ich habe behauptet, daß es auf Dens Seite weit und breit keine Imagemap gibt.

Da der Anti-Code nach Dreamweaver aussieht: Einfach neu anlegen als Rolloverbild. Da der Quellcode eine prorpietäre Geheimsprache von GL oder DW ist und kein richtiges XHTML, kann der Wechsel des Programms natürlich zu Problemen führen.

(Dieser Beitrag wurde von Philyra am 5. Mär 2009, 02:52 geändert)