frindly
Goto Top

Imagemap mit HTML ohne Bild

Imagemap erstellen, und Hintergundbild verwenden

Hallo
ich möchte gern ein Imagemap mit HTML erstellen, das ist ja zunächst kein Problem.
Nun ist das Bild aber als Hintergrundbild vorhanden.
Kann ich das irgendwie nutzen, so das ich nur noch die anklickbaren Bereiche definiere,
oder muss auf jeden Fall eine Bilddatei vorhanden sein???

Content-ID: 154776

Url: https://administrator.de/forum/imagemap-mit-html-ohne-bild-154776.html

Ausgedruckt am: 06.04.2025 um 14:04 Uhr

Jochem
Jochem 10.11.2010 um 14:39:16 Uhr
Goto Top
Moin,
wie soll ich das verstehen:

Nun ist das Bild aber als Hintergrundbild vorhanden

oder muss auf jeden Fall eine Bilddatei vorhanden sein?

Das Hintergrundbild kommt ja nicht irgendwo dahergeschwommen, sondern liegt in einem Verzeichnis auf dem Server, welcher die Anwendung hostet. Also ist dieses Bild als Datei schonmal vorhanden. Und damit ist auch eine Bilddatei vorhanden.

Im Normalfall definierst Du Dir ein Div, paßt das Hintergrundbild da rein und pixelst Dir die Positionen für die anklickbaren Bereiche aus. Welches Bild schlußendlich dort eingestellt wird, ist dann relativ egal.

Oder versteh ich da was nicht richtig?

Gruß J face-smile chem
frindly
frindly 10.11.2010 um 14:54:45 Uhr
Goto Top
Das Problem ist ... es handelt sich um eine Box von einem xt-commerce Shop.
Dort wird an anderer Stelle für diese Box ein Hintergrundbild erstellt.
Nun möchte ich, das man Bereiche dieses Bildes anklicken kann.
Da das Hinergrundbild woanders erzeugt wird, und schon da ist.. müsste ich einen anklickbaren Bereich ohne Bild basteln
denn das ist ja schon da oder ein transparentes Bild darüber legen,
im Moment der beste Weg für mich...
Jochem
Jochem 10.11.2010 um 15:31:41 Uhr
Goto Top
Moin,
sag ich doch: definier Dir ein Div in den Ausmaßen des Bildes und rechne Dir dort die X- und Y-Koordinaten der Bereiche zum Anklicken aus. Solange Du für das DIV keine Border- oder Background-Attribute vergibst, wird da auch nichts angezeigt:

< code type="html">
<div>
<map name="Ortsteile">
<area href="/Ortsteile/Neustadt/Neustadt.php" shape="rect" coords="145, 16, 223, 27" alt="Neustadtn">
<area href="/Ortsteile/Neustadt/Neustadt.php" shape="circle" coords="160, 33, 7" alt="Neustadt">
</map>
</div>

<p>
<img src="/pics/ortsplan.gif" border="0" width="250" height="350" alt="Ortsteile" usemap="#Ortsteile">
</p>


Gruß J face-smile chem
dog
dog 10.11.2010 um 21:30:49 Uhr
Goto Top
Es gibt so lustige 1x1 Pixel große, transparente GIFs.
Die kann man praktisch für alles missbrauchen face-wink