bereich verlinken in einem Bild


  • Jesus
  • 1766 Aufrufe 14 Antworten

Diese Seite verwendet Cookies. Durch die Nutzung unserer Seite erklären Sie sich damit einverstanden, dass wir Cookies setzen. Weitere Informationen

  • bereich verlinken in einem Bild

    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
    № ±»»»»» (¯`o,.- Hell-Powered -.,o´¯) ««««««±

  • 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
    № ±»»»»» (¯`o,.- Hell-Powered -.,o´¯) ««««««±

  • nimm' das:

    HTML-Quellcode

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


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

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

    HTML-Quellcode

    1. <img src="this" usemap="#Map" />
    2. <map name="Map">
    3. <area shape="poly" coords="x1,y1,x2,y2,x3,y3,xN,yN" href="go here" target="_blank">
    4. <area shape="rect" coords="x1,y1,x2,y2" href="link" target="_blank">
    5. </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 :D

  • 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

    1. <!-- ausgangslink -->
    2. <area shape="rect" coords="245,205,300,230" href="http://www.freesoft-board.to/" title="home" target="_blank">
    4. <!-- wie du siehst, hab' ich hier nur mehr 2 werte geaendert, naemlich die X-achsen werte -->
    5. <area shape="rect" coords="335,205,400,230" href="http://www.freesoft-board.to/" title="about" target="mainFrame">
    7. <!-- d.h. fuer den naechsten link, der in der gleichen hoehe liegt brauchst du nur anfang & end richtig setzen -->
    8. <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

  • 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

  • *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
    &#8470; ±»»»»» (¯`o,.- Hell-Powered -.,o´¯) ««««««±