Mit Shape arbeiten 
Author: Dirk L.
Visited 638,
Followers 1,
Shared 0
Hallo zusammen,
ich habe in der Vergangenheit mit verschiedenen SW gearbeitet, die heute nicht mehr funktionieren wie z.B.
NOF oder FrontPage. Nun habe ich Wbsites X5 evo erworben und kämpfe mich durch :-)
Nun bin ich an einer Stelle bei der ich einaltes Skript gefunden habe, wo ich ein Bild mit Shape versehen habe.
Wenn ich dieses Skript nun bei der ERstellung HTMl Code oder Erweitert einfüge ..möchte es nicht funktionieren....
Für die Hilfe im Voraus besten Dank.
Posted on the
Author
...vielleicht habe ich mir auch falsch ausgedrückt...
ich möchte eine Bilde hinterlegen, dort Ankerpunkte setzen, wenn man mit der Maus auf diese Punkt kommt/drückt, soll jeweils ein weiters Bild geöffnet werden...
Vermutlich meinst Du verweissensitive Grafiken. Das gibt es von Haus aus nicht in WebsiteX5. Aber schau mal unter
https://www.image-map.net/
oder hier
https://helpcenter.websitex5.com/en/post/228243
https://helpcenter.websitex5.com/en/post/234287
https://helpcenter.websitex5.com/en/post/231198
(It > De) ... Setzen Sie hier den Code, den Sie hier sprechen, und veröffentlichen Sie auch den Link zu Ihrem Beispiel...
.
ciao
.
Author
gerne komme ich dem Angebot mal nach ...
</head>
<body
<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0"><!--msnavigation--><table border="0" cellpadding="0" cellspacing="0" width="100%"><tr><td>
<p align="center">
</p>
<p> </p>
</td></tr><!--msnavigation--></table><!--msnavigation--><table border="0" cellpadding="0" cellspacing="0" width="100%"><tr><td valign="top" width="1%">
<p> </p>
</td><td valign="top" width="24"></td><!--msnavigation--><td valign="top">
<table>
<table width="754" border="0" cellspacing="0" cellpadding="0">
<tr>
<td colspan=> <img src="images/ANLAGE.GIF" width="665" height="308" border="0" usemap="#MapMap">
<map name="MapMap">
<area shape="rect" coords="55, 55, 70, 70" href="images/SIMG0179.jpg" alt="Kreuzweg13">
<area shape="rect" coords="97, 105, 110, 119" href="test22" alt="Kreuzweg08">
<area shape="rect" coords="148, 159, 162, 176" href="test21" alt="Kreuzweg07">
<area shape="rect" coords="227, 158, 242, 175" href="test25" alt="Kreuzweg07">
<area shape="rect" coords="294, 180, 305, 193" href="test24" alt="Kreuzweg06">
<area shape="rect" coords="574, 64, 589, 79" href="test20" alt="Kreuzweg05">
<area shape="rect" coords="578, 102, 596, 117" href="test19" alt="Kreuzweg04">
<area shape="rect" coords="607, 114, 620, 125" href="test18" alt="Kreuzweg02">
<area shape="rect" coords="552, 127, 567, 141" href="test17" alt="Kreuzweg02">
<area shape="rect" coords="537, 91, 550, 105" href="test16" alt="Kreuzweg01">
<area shape="rect" coords="456, 174, 470, 188" href="test03"
<area shape="rect" coords="365, 132, 377, 148" href="test02"
<area shape="rect" coords="625, 152, 641, 168" href="test01"
<area shape="rect" coords="358, 87, 369, 109">
<area shape="rect" coords="340, 146, 359, 161" href="test00" alt="Station xx>
<area shape=" coords="361, 132, 378, 146" href="test000"
<area shape="rect" coords="355, 89, 369, 114" rect">
<area href="test000" coords="364, 133, 376, 151" shape="rect">
<area href="images/Anlagen/SIMG0002.jpg" coords="434, 254, 9" shape="circle" alt="Station 01">
<area href="images/Anlagen/SIMG0001.jpg" shape="rect" coords="469, 210, 476, 218" alt="Eingang">
<area href="images/Anlagen/SIMG0005.jpg" coords="384, 211, 9" shape="circle" alt="Station 02">
<area href="images/Anlagen/SIMG0006.jpg" coords="421, 213, 7" shape="circle" alt="Station 03">
<area href="images/Anlagen/SIMG0007.jpg" coords="416, 178, 6" shape="circle" alt="Station 04">
<area href="images/Anlagen/SIMG0009.jpg" shape="circle" coords="346, 240, 5" alt="Station 05">
<area href="images/Anlagen/SIMG0010.jpg" coords="302, 254, 8" shape="circle" alt="Station 06">
<area href="images/Anlagen/SIMG0011.jpg" shape="circle" coords="234, 268, 9" alt="Station 07">
<area href="images/Anlagen/SIMG0012.jpg" shape="circle" coords="203, 286, 9" alt="Station 08">
<area href="images/Anlagen/SIMG0014.jpg" shape="circle" coords="181, 279, 8" alt="Station 09">
<area href="images/Anlagen/SIMG0015.jpg" coords="160, 270, 8" shape="circle" alt="Station 10">
<area href="images/Anlagen/SIMG0016.jpg" shape="circle" coords="138, 262, 8">
<area href="images/Friedhofskreuz.JPG" shape="rect" coords="552, 195, 567, 204">
<area href="images/Anlagen/SIMG0025.jpg" shape="rect" coords="219, 272, 224, 283">
<area href="images/Anlagen/SIMG0008.jpg" shape="circle" coords="394, 162, 9">
</map>
</table>
</table>
<!--msnavigation--></td><td valign="top" width="24"></td><td valign="top" width="1%">
<p> </p>
</td></tr><!--msnavigation--></table><!--msnavigation--><table border="0" cellpadding="0" cellspacing="0" width="100%"><tr><td>
<h5><br>
Die Hälfte vom Code wird nicht benötigt! Diesen Code in ein HTML-Objekt!
<img src="images/ANLAGE.GIF" width="665" height="308" border="0" usemap="#MapMap">
<map name="MapMap">
<area shape="rect" coords="55, 55, 70, 70" href="images/SIMG0179.jpg" alt="Kreuzweg13">
<area shape="rect" coords="97, 105, 110, 119" href="test22" alt="Kreuzweg08">
<area shape="rect" coords="148, 159, 162, 176" href="test21" alt="Kreuzweg07">
<area shape="rect" coords="227, 158, 242, 175" href="test25" alt="Kreuzweg07">
<area shape="rect" coords="294, 180, 305, 193" href="test24" alt="Kreuzweg06">
<area shape="rect" coords="574, 64, 589, 79" href="test20" alt="Kreuzweg05">
<area shape="rect" coords="578, 102, 596, 117" href="test19" alt="Kreuzweg04">
<area shape="rect" coords="607, 114, 620, 125" href="test18" alt="Kreuzweg02">
<area shape="rect" coords="552, 127, 567, 141" href="test17" alt="Kreuzweg02">
<area shape="rect" coords="537, 91, 550, 105" href="test16" alt="Kreuzweg01">
<area shape="rect" coords="456, 174, 470, 188" href="test03"
<area shape="rect" coords="365, 132, 377, 148" href="test02"
<area shape="rect" coords="625, 152, 641, 168" href="test01"
<area shape="rect" coords="358, 87, 369, 109"><area shape="rect" coords="340, 146, 359, 161" href="test00" alt="Station xx>
<area shape=" coords="361, 132, 378, 146" href="test000"
<area shape="rect" coords="355, 89, 369, 114" rect">
<area href="test000" coords="364, 133, 376, 151" shape="rect">
<area href="images/Anlagen/SIMG0002.jpg" coords="434, 254, 9" shape="circle" alt="Station 01">
<area href="images/Anlagen/SIMG0001.jpg" shape="rect" coords="469, 210, 476, 218" alt="Eingang">
<area href="images/Anlagen/SIMG0005.jpg" coords="384, 211, 9" shape="circle" alt="Station 02">
<area href="images/Anlagen/SIMG0006.jpg" coords="421, 213, 7" shape="circle" alt="Station 03">
<area href="images/Anlagen/SIMG0007.jpg" coords="416, 178, 6" shape="circle" alt="Station 04">
<area href="images/Anlagen/SIMG0009.jpg" shape="circle" coords="346, 240, 5" alt="Station 05">
<area href="images/Anlagen/SIMG0010.jpg" coords="302, 254, 8" shape="circle" alt="Station 06">
<area href="images/Anlagen/SIMG0011.jpg" shape="circle" coords="234, 268, 9" alt="Station 07">
<area href="images/Anlagen/SIMG0012.jpg" shape="circle" coords="203, 286, 9" alt="Station 08">
<area href="images/Anlagen/SIMG0014.jpg" shape="circle" coords="181, 279, 8" alt="Station 09">
<area href="images/Anlagen/SIMG0015.jpg" coords="160, 270, 8" shape="circle" alt="Station 10">
<area href="images/Anlagen/SIMG0016.jpg" shape="circle" coords="138, 262, 8">
<area href="images/Friedhofskreuz.JPG" shape="rect" coords="552, 195, 567, 204">
<area href="images/Anlagen/SIMG0025.jpg" shape="rect" coords="219, 272, 224, 283">
<area href="images/Anlagen/SIMG0008.jpg" shape="circle" coords="394, 162, 9">
</map>
Das Bild sollte auch gleich im HTML-Objekt bei "Erweitert" hinzugefügt werden im Ordner "images"!
(It > De) ... hallo, ... in Ihrem Code sind die TAG <TABLE> falsch und / oder unvollständig und für die Mapping ist nicht erforderlich...
... für das Mapping müssen Sie das TAG <IMG> und das TAG <MAP> verwenden ...
... um es in der Vorschau zu versuchen, hängen Sie Ihr Bild "ANLAGE.GIF" im Expertenfenster desselben HTML-Codeobjekts an und belassen Sie standardmäßig "files" als vorgeschlagenes Ziel. Dann würde das <IMG> -Tag so aussehen :
<img src = "files/ANLAGE.GIF" width = "665" height = "308" usemap = "#MapMap">
... und dann:
<map name="MapMap">
<area ... etc etc ...
*** ...
</map>
... wie ich im vorherigen Beitrag sehe, außer <img> ...
... wenn Sie an einem elastischen/responsiven Mapping interessiert sind, ist es besser, dies in SVG(+) zu tun; ... oder folgen Sie diesem > Tutorial Normal Elastic Mapping...
.
ciao
.