Zum Inhalt springen

Empfohlene Beiträge

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...???

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.

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

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.

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.

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...