Bilder anklicken um auf Seite gelinkt/geleitet zu werden

... komplette Frage anzeigen

3 Antworten

Upps, du musst doch eine Image Map erstellen. Das geht so beispielsweise:

<img usemap="#map1" src="bild.gif" >
<map name="map1">
 <area href="name.htm" alt="Text" coords="3,15,7" shape="circle">
 <area href="name2.htm" alt="Text" coords="15,46,69,50,13,14" 
   shape="poly">
</map>
  • Erstelle ein img-Tag und sage ihm, dass auf ihn mithilfe des usemap Attributs eine Imagemap angewendet werden kann. Wichtig ist, dass der Name eine Raute davor hat (#)
  • Das Source (src) Attribut gibt den Pfad der Datei an.
  • nun kommen die map-Tags - sie schließen die area Tags ein wie du siehst. Nun gibst du den Namen der Map an, den wir ja oben schon im img-Tag definiert hatten. Hier jedoch ohne Raute (#)!
  • Die Anzahl der Area-Tags bedeutet, wie viele Seiten du auf dem Bild verlinken willst. Hier haben wir nur 2 Links.
  • Gebe zunächst mit dem href-Attribut die URL des Links an, auf den du verlinken willst.
  • Das alt Attribut lässt einen beliebigen alternativen Text anzeigen, falls das Bild nicht angezeit werden kann!
  • Das coords Attribut besagt die Koordinaten, in welchem Bereich die Verlinkung gelten soll. Deswegen ist dieses Attribut fast eines der Aussagekräftigsten!
  • Nun kommt nur noch das shape Attribut, welches besagt, welche Form der Bereich haben soll. Ich weiß aber nicht wie die Werte für Rechtecke usw. heißen. Hier verwenden wir einen Circle also einen Kreis und einen poly.
  • Dann wird nur noch das map Tag geschlossen und fertig ist die Sache!

Es ist zwar eine sehr mühsame Sache aber es lohnt sich an manchen Stellen! :) Es gibt mittlerweile auch HTML Editoren, die das viel einfacher machen lassen! Viel Erfolg! Ich hoffe ich konnte das verständlich erklären anhand eine Beispiels! ;)

Gruß

Jampiano

Antwort bewerten Vielen Dank für Deine Bewertung

Mit vernünftigem CSS aber ob diese Baukasten Dinger das können, keene Ahnung

ansonsten mit imagemap... antik und out aber machbar

Antwort bewerten Vielen Dank für Deine Bewertung

< .a href="http://www.seite.de" >< HIER DER BILD CODE > < /a>

Antwort bewerten Vielen Dank für Deine Bewertung
Kommentar von keule3211
21.08.2012, 11:28

Ja den Code kenn ich auch, aber ich meine das so das ich die einzelnen Logos auf EINEM Bild habe. Ich hab´es ja schon mit Photoshop gesliced und dann mit dreamweaver die Links dazugeschrieben, aber ich habe keine Ahnung wie ich dann die HTML Datei als Bild hochlade...

0

Was möchtest Du wissen?