bereich verlinken in einem Bild

Jesus · 5. Oktober 2004, 22:20

Hi,

also ich hab ma eine Frage (wahrscheinlich isses ne totale noob Frage:D )
ich möchte gerne einen bestimmten Bereich von einem Bild verlinken.
z.B. bei
DIESEM BILD
den Bereich wo steht ,,About'' verlinken.
ich möchte sozusagen einen button mit einem Hyperlink aus einem bestimmten bereich von eines Bildes machen.
Meine frage lautet: WIE MACHE ICH DAS?

Also wenn ich mir das jetzt hier alles so durchlese, hoffe ich, dass ihr wisst, was ich will:D ....jaa ich konnte meine Probleme nie so richtig gut ausdrücken..^^

Also schonmal DAnke!
Bis dann

JESUS

Ex0rzist · 5. Oktober 2004, 22:26

Einfach die Bild URL mit dem

Jesus · 5. Oktober 2004, 22:29

ja aber das is ja EIN Bild, und ich will ja nicht, dass wenn man auf das ganze bild klickt, dass man weitergeleitet wird, sondern, wenn man halt auf ,,About'' klickt oder so.
Also den bereich um die schrift ABOUT soll verlinkt werden, nicht das ganze Bild

mfg

JESUS

Ex0rzist · 5. Oktober 2004, 22:31

DAs kann doch eigentlich garnicht gehen naka warte mal auf die andere antworten

Jesus · 5. Oktober 2004, 22:34

ja, keine ahnung ob das nicht geht...
deswegen frag ich ech doch:D
ihr müsst das doch wissen^^;)
LOS STRENGT EUCH AN

also hoffe auf antworten:)
bis dann

JESUS

MeX · 5. Oktober 2004, 22:40

nimm' das:

HTML-Quellcode

<HTML>
<HEAD>
<title>pic link</title>
<BODY>
<map name="menue">
<area shape="rect" coords="245,205,300,230" href="http://www.freesoft-board.to/" alt="home" border="1">
<area shape="rect" coords="335,205,400,230" href="http://www.freesoft-board.to/" title="about" border="1">
</map>
<p>
<img src="http://www.ulf-theis.de/tutorials/photoshop/interfaces/images/tut_iface_result.jpg" usemap="#menue" title="about">
</BODY>
</HTML>

Alles anzeigen

<EDIT>
musst halt noch ein bisserl anpassen! aber als vorlage sollte es reichen!!
</EDIT>
ceeyaa.mex

Jesus · 5. Oktober 2004, 22:42

okay danke:) werd ich mir mal gleich anschauen, und gucken was daraus wird...bis danne JESUS

MG-TX · 5. Oktober 2004, 22:43

Ich würd ma sagen dafür brauchste ne Map. Hier ein Beispiel:

HTML-Quellcode

<img src="this" usemap="#Map" />
<map name="Map">
<area shape="poly" coords="x1,y1,x2,y2,x3,y3,xN,yN" href="go here" target="_blank">
<area shape="rect" coords="x1,y1,x2,y2" href="link" target="_blank">
</map>

Die Areas beschreiben hierbei die Klickbaren Bereiche. x1 und y1 sind jeweils die Koordinaten eines Punktes. "Poly" beschreibt ein Polygon, die Anzahl der Ecken legst du mit den (X|Y)-Punkten fest. "Rect" ist ein Rechteck, davon gibst du die Koordinaten des Punktes links oben und rechts unten an.

Kann sein dass ich mich irre, aber so hab ichs in Erinnerung.

*** EDIT ***
grrr MeX du sack

MeX · 5. Oktober 2004, 22:46

*lol* jojo!! meine finger rauchen!!

<EDIT>
BTW: den HTML-Bereich kannset so wie's ist kopieren in ein neues html einfuegen, speichern und testen!!

</EDIT>

ceeyaa.mex

Jesus · 5. Oktober 2004, 23:33

jo danke, dass klappt ja auch!:)
eine frage noch:
Wie krieg ich raus, welche koordinaten ich eingeben muss??
Also wo kann ich die sehen??
mfg

JESUs

MeX · 6. Oktober 2004, 00:03

naja, eigentlich muesstest du das im photoshop eh sehen, wenn du mit der maus am pic rumkurvst!!

aber die she*ss-arbeit hab ich dir ja eh schon mit dem ersten link abgenommen, da du jetzt nur mehr in einer linie 'rumspielen' musst!!

HTML-Quellcode

<area shape="rect" coords="245,205,300,230" href="http://www.freesoft-board.to/" title="home" target="_blank">
<area shape="rect" coords="335,205,400,230" href="http://www.freesoft-board.to/" title="about" target="mainFrame">
<area shape="rect" coords="X1,205,X2,230" href="http://www.freesoft-board.to/" title="onMouseOver Anzeige">

alles klar!? wenn net, dann spiel ein bisserl mit den werten rum!!

ceeyaa.mex

kelk3 · 6. Oktober 2004, 00:18

Ich hätt da noch eine anderen Vorschlag:
Mach das Bild einfach im Photoshop auf und benutze das Slice-Werkzeug.
Dann markierst du die Stelle wo der Link hin soll. Bei den Slice-optionen kannst dann einfach die URL eingeben, welche Seite geladen werden soll.
Und dann brauchst du des nur als HTML-file speichern.

Mfg. kelke

MeX · 6. Oktober 2004, 00:24

hey, warum einfach, wenn's auch kompliziert geht!!

Jesus · 6. Oktober 2004, 13:17

*looool*
Weil der Jesus zu dumm für die komplizierten Sachen ist, darum!!!:D
Also vielen DAnk an euch alle für die Hilfe!
mfg

JESUS

****edit*****
Hey, ich bin doch gar net mal so dumm:D habs so hingekriegt wie MEX es mir gesagt hat!coool:D:D:D

j0n30 · 6. Oktober 2004, 16:59

Frei nach berliner Schn0wze eines Kumpels:

Dummheit is ooch ne Jabe Jottes, aber man darf ihr nich mißbrauchen.

GeScHlOsSeN.

HTML-Quellcode

HTML-Quellcode

HTML-Quellcode

Teilen