Zum Inhalt springen

Mehrere Links auf ein Bild

Dragan

Von Dragan
in Webdesign

 Teilen

Empfohlene Beiträge

Dragan

Dragan

Geschrieben
Geschrieben

Das heisst mein Problem ist folgendermaßen:

Ich habe ein Bild darauf sind 2 Autos abgebildet...Nun möchte ich wenn man auf die beiden Autos klickt, jeweils die Daten zu dem Auto in einem neuen Fenster geöffnet werden.

Wie macht man so etwas bzw. welche Hilfsmittel braucht man dafür...???

Link zu diesem Kommentar
Auf anderen Seiten teilen
Flori

Flori

Geschrieben
Geschrieben

Hier ist nochmal ein genauer Link auf das entsprechende Kapitel in SELFHTML :

http://selfhtml.teamone.de/html/grafiken/verweis_sensitive.htm#definieren

Mit nem Webseiten-Proggi wie Dreamweaver, Frontpage, etc... sollte das alles kein Problem und recht fix erledigt sein.

Hoffe, es ist das, was du brauchst.....ansonsten einfach nochmal melden.,...

Flori

Link zu diesem Kommentar
Auf anderen Seiten teilen
jomama

jomama

Geschrieben
Geschrieben
Original geschrieben von SELFHTML


<html>

<head>

<title>Text des Titels</title>

</head>

<body>

<map name="Autos">

<area shape="rect" coords="1,1,100,100" href="Auto1.html" alt="Golf GTI">

<area shape="poly" coords="48,311,105,248,96,210,75,205,38,234,8,310"

      href="Auto2.html" alt="Opel Kadett">

</map>

<p><img src="autobild.gif" width="345" height="312" border="0" alt="Krasse Kistn" usemap="#Autos"></p>

</body>

</html>

Bei "rect" musst du zuerst die x, dann nach Komma die y-Koordinate des linken oberen Punktes angeben, dann die des rechten unteren Punktes des Rechtecks, das das Auto umschliesst. Oben fängt das Rechteck beim Punkt 1|1 an und geht 100 Pixel nach unten und 100 Pixel nach rechts, glaub ich. Da muss du rumtüfteln. Bei der option shape="Poly" musst du die x und y-Kordinate jedes einzelnen Punktes angeben, den das Bild des Autos einschliesst. Das rauszufinden, ist ne Heidenarbeit, da bist du mit nem Rechteck besser bedient.

Link zu diesem Kommentar
Auf anderen Seiten teilen
EvilInside

EvilInside

Geschrieben
Geschrieben

Ich nehme mal an, das Zerlegen in zwei Bildhälften kommt nicht in Frage ? Das wäre sonst die Alternative.

An sich ist es mit ImageMaps aber auch kein Problem - es gibt dazu diverse Tutorials und Tools im Netz (siehe auch vorherige Postings :) ).

Ansonsten ist MapEdit nicht so schlecht - es gibt eine 30-Tage-Evaluation-Version.

http://html.about.com/gi/dynamic/offsite.htm?site=http%3A%2F%2Fwww.boutell.com%2Fmapedit%2F

HTH,

EvilInside

Link zu diesem Kommentar
Auf anderen Seiten teilen

Dein Kommentar

Du kannst jetzt schreiben und Dich später registrieren. Wenn Du ein Konto hast, melde Dich jetzt an, um unter Deinem Benutzernamen zu schreiben.

Gast
Auf dieses Thema antworten...

×   Du hast formatierten Text eingefügt.   Formatierung wiederherstellen

  Nur 75 Emojis sind erlaubt.

×   Dein Link wurde automatisch eingebettet.   Einbetten rückgängig machen und als Link darstellen

×   Dein vorheriger Inhalt wurde wiederhergestellt.   Editor leeren

×   Du kannst Bilder nicht direkt einfügen. Lade Bilder hoch oder lade sie von einer URL.

×
 Teilen
Zur Themenübersicht

Fachinformatiker.de, 2024 by SE Internet Services

fidelogo_small.png

Schicke uns eine Nachricht!

Fachinformatiker.de ist die größte IT-Community
rund um Ausbildung, Job, Weiterbildung für IT-Fachkräfte.

Links

Fachinformatiker.de App

Download on the App Store
Get it on Google Play

Kontakt

Hier werben?
Oder sende eine E-Mail an

Social media u. feeds

Jobboard für Fachinformatiker und IT-Fachkräfte

×
×
  • Neu erstellen...