Links in ein Bild einfügen?

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

  • Links in ein Bild einfügen?

    Hiho

    Wie, oder kann man überhaupt im PS Textfeldern Links zuweisen?

    Ich hätte dadrauf:


    gern ein paar Links und weiss ned, wie man es sonst machen soll :confused:

    thx
  • so ne funktion gibts auch in homesite5... nur einen nachteil hat das mit den links auf bildern, woher weiß der geneigte user wo er klicken kann ... deshalb verzicht auf so was... naja aber lustig ist es schon ;)

    aufjedenfall weiß kann ich dir auch nit mehr sagen wir unser pro-htmler-transmitter ;) ich kann dir höchstens seinen quellcode interpretieren und da ich nix zu tun hab mach ich das mal kurz :)



    PHP-Quellcode

    1. <img src="obn.jpg" width="1006" height="200" border="0" usemap="#Map"> //dein bild - weißt du sicher
    2. <map name="Map">//befehl zum link starten auf mappe(bild)
    3. <area shape="rect" coords="312,17,458,41" href="http://www.gnobbit.de.vu" target="_self" alt="gnobbit">//coords=koordinaten, glaub in px wo der link auf dem bild ist und wie groß... den rest solltest du kennen


    jone
  • also wenn er noch www vor die url schreibt, dann weiß mit sicherheit jeder user, wo er hinzuklicken hat ..

    und man erkennt ja auch den effekt, dass sich der mauszeiger verändert über ner hyperlink grafik.

    @jone: wie du interpretierst mir? :P ;) :D
  • Hi,

    die Links undn nen Roll-Over Effekt bekommste auch mit Flash
    hin. Einfach Grafik importieren, nen Butten bauen und mit nem Effekt versehen. Weiss nur grad nicht ob man in Flash verlinken kann. Müsste aber auch gehen mit Action Script.
  • ja, flash schön und gut, aber du willst ja 2 grafiken, die sich beim mouse over vertauschen ..

    am einfachsten geht das per dreamweaver, da musst du nur die beiden grafiken auswählen, wenn du das von hand schreiben willst, ist das java script und sieht folgendermaßen aus:

    Quellcode

    1. <script language="JavaScript">
    2. <!--
    3. function MM_swapImgRestore() { //v3.0
    4. var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
    5. }
    6. function MM_displayStatusMsg(msgStr) { //v1.0
    7. status=msgStr;
    8. document.MM_returnValue = true;
    9. }
    10. function MM_preloadImages() { //v3.0
    11. var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    12. var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    13. if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
    14. }
    15. function MM_findObj(n, d) { //v4.0
    16. var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    17. d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
    18. if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
    19. for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
    20. if(!x && document.getElementById) x=document.getElementById(n); return x;
    21. }
    22. function MM_swapImage() { //v3.0
    23. var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
    24. if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
    25. }
    26. //-->
    27. </script>
    Alles anzeigen


    und der funktions aufruf sieht dann folgendermaßen aus:

    also ein a-tag um einen img-tag .. klar:

    Quellcode

    1. <a href="index.php" target="_self" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_displayStatusMsg('Zur Startseite ');MM_swapImage('grafik1','','grafik1.jpg',1);return document.MM_returnValue" ><img name="grafik2" src="grafik2.jpg" width="110" height="39" border="0" alt="home"></a>


    läuft bei mir auf jeden fall so, der code kommt direkt aus dreamweaver ... solltest du dir evtl. echt mal angucken, ob du so ein programm verwenden willst, würde ich dir auf jeden fall zu raten, wenn du mehr in die richtung machst! :D