Nick Forvert: Image-map mit roll-over ?

Hey ihr leute,

weiß jemand wie und ob es möglich ist eine image-map mit roll-over also mouse over zu machen ?

Mfg

Nick

  1. Hallo,

    weiß jemand wie und ob es möglich ist eine image-map mit roll-over also mouse over zu machen ?

    http://www.styleassistant.de/tips/beispiel9d.htm zeigt eine Moeglichkeit.

    MfG, Thomas

  2. hi

    weiß jemand wie und ob es möglich ist eine image-map mit roll-over also mouse over zu machen ?

    ja, dafür nimmst du JAVAScript.
    Hier der Scipt:

    <script language="JavaScript">
    <!--
    function MM_swapImgRestore() { //v3.0
      var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
    }

    function MM_preloadImages() { //v3.0
      var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
        var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
        if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
    }

    function MM_findObj(n, d) { //v4.0
      var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
        d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
      if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
      for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
      if(!x && document.getElementById) x=document.getElementById(n); return x;
    }

    function MM_swapImage() { //v3.0
      var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
       if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
    }
    //-->
    </script>

    Der Script muss in den Head Bereich.

    Zum einbinden musst du folgendes tun. Das kannst du irgendwo in die Seite einfügen, wo es hin soll:

    <a href="test.htm" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image1',''test.gif',1)"><img name="Image1" border="0" src="test2.gif" width="50" height="50"></a>

    Ich würde dir dazu noch empfehlen in den Body die Over Images vorzuladen. Sonst läd der erst wenn man mit der Maus drüber geht. Das is scheisse. Das muss in den Body! So gehts:

    <body bgcolor="#000000" text="#000000" onLoad="MM_preloadImages('test2.gif')">

    okay, so gehts.
    Falls de noch Fragen hast, frag noch ma.

    grüße

    1. Hallo,

      <script language="JavaScript">

      Hier fehlt type="text/javascript".

      [MM_aka_Marilyn Monroe|Manson-Functions geloescht ;-]

      <a href="test.htm" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image1',''test.gif',1)"><img name="Image1" border="0" src="test2.gif" width="50" height="50"></a>

      Und wo ist hier die angefragte Image-Map?

      MfG, Thomas

      1. <script language="JavaScript">

        Hier fehlt type="text/javascript".

        ne, geht auch mit <script language="JavaScript">
        Ich hab das so in meiner Page drin, das geht ohne Fehler.

        [MM_aka_Marilyn Monroe|Manson-Functions geloescht ;-]

        wieso das denn? :-)

        <a href="test.htm" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image1',''test.gif',1)"><img name="Image1" border="0" src="test2.gif" width="50" height="50"></a>

        Und wo ist hier die angefragte Image-Map?

        Wieso angefragte Image-Map, ich dahcte nurn normales Mouse Over Pic.

        ES GEHT SO!!! KEINE WIEDERREDE!!! *schrei*

        grüße

        1. Hallo,

          <script language="JavaScript">

          Hier fehlt type="text/javascript".
          ne, geht auch mit <script language="JavaScript">
          Ich hab das so in meiner Page drin, das geht ohne Fehler.

          Geht so ist nicht unbedingt richtig. Hast Du es denn mal validieren lassen?

          Und wo ist hier die angefragte Image-Map?
          Wieso angefragte Image-Map, ich dahcte nurn normales Mouse Over Pic.

          Es steht im Betreff und im Text der Frage.

          ES GEHT SO!!! KEINE WIEDERREDE!!! *schrei*

          Was hast Du denn fuer Probleme? Wenn Du hier rumschreist, mache ich einfach meine Musik lauter.

          MfG, Thomas

          1. Geht so ist nicht unbedingt richtig. Hast Du es denn mal validieren lassen?

            Wieso und was valiedieren lassen???

            Es steht im Betreff und im Text der Frage.

            Da hat der halt ma nen Mouse Over Script, vielleicht hat der sich vertippt. EGAL. kann ma immer gebrauchen *g*

            Was hast Du denn fuer Probleme? Wenn Du hier rumschreist, mache ich einfach meine Musik lauter.

            Ja hast recht, muss wohl noch lauter schrein! Mit Mikro *g*

            patte

            1. Hallo patte,

              Es steht im Betreff und im Text der Frage.
              Da hat der halt ma nen Mouse Over Script, vielleicht hat der sich vertippt. EGAL. kann ma immer gebrauchen *g*

              ja, das kann ich gebrauchen, aber ich hatte echt nach einer image-map gefragt, auf der die links mit roll-overs sind. :-)

              mfg

              Nick

              1. ja, das kann ich gebrauchen, aber ich hatte echt nach einer image-map gefragt, auf der die links mit roll-overs sind. :-)

                is ja gut, wenn des gebrauchen kannst. hat in der eile nich richtig durchgelesen! Sorry, sonst hättest du von mir eine Ausführliche Erklärung bekommen.

                cu

            2. Hallo!

              Geht so ist nicht unbedingt richtig. Hast Du es denn mal validieren lassen?

              Wieso und was valiedieren lassen???

              http://selfhtml.teamone.de/javascript/intro.htm#javascriptbereiche

              "Die Angabe zum Mimetype ist seit HTML4.0 Pflicht."

              "Zusätzlich können Sie zur Kennzeichnung der JavaScript-Sprachversion das language-Attribut verwenden [...]. Jedoch gehört dieses Attribut zu den missbilligten Attributen."

              Den Validator findest du unter http://validator.w3.org/. Er ist dein Freund.

              Ach ja: Wer lesen kann ist klar im Vorteil *scnr*

              emu
              [validierend]

              1. jaja!!!!!!!!

                Geht so ist nicht unbedingt richtig. Hast Du es denn mal validieren lassen?

                Was bringt das validiern? Ich kann HTML un JavaS. das reicht!!!

                "Die Angabe zum Mimetype ist seit HTML4.0 Pflicht."

                Was heißt Pflicht??? Man bekommt doch keine Strafe, wenn mas net macht. Geht so genauso.

                grüße

                1. Hallo! <-- </faq/#Q-05a>

                  jaja!!!!!!!!

                  "Multiple exclamation marks are a sure sign of a diseased mind."
                   - Terry Pratchett

                  http://www.sockenseite.de/usenet/ausruf.html

                  Was bringt das validiern? Ich kann HTML un JavaS. das reicht!!!

                  Wenn du eine Seite validierst, überprüfst du, ob sie die Normen für korrektes HTML erfüllt. Wenn das Dokument nicht validiert ist, ist es kein HTML sondern bestenfalls irgendetwas ähnliches. Du bist also unfähig, korrektes HTML zu schreiben - Glückwunsch.

                  "Die Angabe zum Mimetype ist seit HTML4.0 Pflicht."

                  Was heißt Pflicht??? Man bekommt doch keine Strafe, wenn mas net macht. Geht so genauso.

                  Es gibt im Internet - wie nahezu überall - eben Konventionen und Spezifikationen, wie gewisse Dinge auszusehen haben und ohne diese Regelungen gäbe es Chaos. Aber mit Regeln dürftest du ja deine Probleme haben, wie man an deiner Verhaltensweise und deiner Rechtschreibung sieht. Irgendwann lernen die meisten Menschen, dass gewisse Regeln ihren Sinn haben - vielleicht bald auch du.

                  Geht so genauso.

                  Aber ja.

                  Ich setze stellvertretend für alle anderen Postings von patte ein
                  <img src="/images/13.gif" width=468 height=60 border=0 alt="Don't feed the trolls">.
                  Es ist nicht witzig, wirklich nicht.

                  emu
                  [linksetzend und trollfindend]

                2. jaja!!!!!!!!

                  ...heißt Leck mich am Arsch - wie nett!

                  Was bringt das validiern? Ich kann HTML un JavaS. das reicht!!!

                  und deine Tastatur is putt...

                  "Die Angabe zum Mimetype ist seit HTML4.0 Pflicht."

                  Was heißt Pflicht??? Man bekommt doch keine Strafe, wenn mas net macht. Geht so genauso.

                  genauso Pflicht, wie etwa auf der Straße nicht 120 sondern 100km/h zu fahren.

                  Grüße aus Bleckede

                  Kai

                  [trollfütternd]

            3. Geht so ist nicht unbedingt richtig. Hast Du es denn mal validieren lassen?

              Wieso und was valiedieren lassen???

              http://validator.w3.org

              Grüße aus Bleckede

              Kai

        2. hi

          Hier fehlt type="text/javascript".
          ne, geht auch mit <script language="JavaScript">
          Ich hab das so in meiner Page drin, das geht ohne Fehler.

          gehen tut vieles. Aber es soll auch Leute geben, die nicht sich nicht wegen 15Byte mit dem HTML-Vali anlegen wollen.

          Grüße aus Bleckede

          Kai