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-Key: 154776

Url: https://administrator.de/contentid/154776

Printed on: April 23, 2024 at 14:04 o'clock

Member: Jochem
Jochem Nov 10, 2010 at 13:39:16 (UTC)
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
Member: frindly
frindly Nov 10, 2010 at 13:54:45 (UTC)
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...
Member: Jochem
Jochem Nov 10, 2010 at 14:31:41 (UTC)
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
Member: dog
dog Nov 10, 2010 at 20:30:49 (UTC)
Goto Top
Es gibt so lustige 1x1 Pixel große, transparente GIFs.
Die kann man praktisch für alles missbrauchen face-wink