Zum Inhalt springen
View in the app

A better way to browse. Learn more.

Fachinformatiker.de

A full-screen app on your home screen with push notifications, badges and more.

To install this app on iOS and iPadOS
  1. Tap the Share icon in Safari
  2. Scroll the menu and tap Add to Home Screen.
  3. Tap Add in the top-right corner.
To install this app on Android
  1. Tap the 3-dot menu (⋮) in the top-right corner of the browser.
  2. Tap Add to Home screen or Install app.
  3. Confirm by tapping Install.

Empfohlene Antworten

Veröffentlicht

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

Steht in SELFHTML. Dort sind Image Maps ausführlich erklärt.

Muss ich mal nachschauen wäre nämlich sehr wichtig das ich es hinbekomme mehrere Link auf ein Bild zu setzen....

Kann mir das bitte noch jemand näher erläutern wie ich das mit dem Bild mache das es zwei Bereiche werden wo man draufklicken kann....

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.

Diese Links auf Bildern setzen kann man ganz leicht mit Dreamweaver machen, einfach nur Layout ansicht wählen und dann mit der Symbolleiste arbeiten.

So machs ich!

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

Erstelle ein Konto oder melde dich an, um einen Kommentar zu schreiben.

Configure browser push notifications

Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.