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

Hallo,

welches zweite Bild?

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.

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

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

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.

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

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?

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....

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....

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.