El Supremo: Bilder beim mit der Maus überfahren Wechseln

Beitrag lesen

»»extrahiere das problem, dabei kommst u.u. schon selbst drauf.

jetzt bin ich darauf gekommen...und könnte mich vor ärger in den ar*** beißen. der fehler war extrem blöd: in der for schleife habe ich i einen startwert von 1 gegeben, anstatt 0. da i in charAt(i) die die url des bildes ausliest, kann das ja nur schiefgehen; der erste buchstabe fehlt.
wer das fertige script haben will:

<!DOCTYPE HTML PUBLIC
   "-//W3C//DTD HTML 4.01//EN"
   "http://www.w3.org/TR/html4/strict.dtd">
<html>
 <head>
  <meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
  <meta http-equiv="Content-Style-Type" content="text/css">
  <meta name="author" content="El Supremo">
  <meta name="date" content="2006-10-04">
  <title>Bildwechsel - Funktioniert nicht</title>
  <script language="JavaScript">
  <!--
   function bild_wechseln(bildid)
    {
     var bild = document.getElementById(bildid);
     var url = bild.getAttribute('src');
     var url_laenge = url.length;
     var endungsbuchstabe_nummer = url_laenge - 5;
     var beginn_endung = url_laenge - 4;
     var url_endung = "";
     while (beginn_endung < url_laenge)
      {
       url_endung = url_endung + url.charAt(beginn_endung);
       beginn_endung++;
      }
     var url_erster_teil = "";
     var aktuelles_zeichen = "";
     for (var i = 0; i < endungsbuchstabe_nummer; i++)
      {
       aktuelles_zeichen = url.charAt(i);
       url_erster_teil = url_erster_teil + aktuelles_zeichen;
      }
     var endungsbuchstabe = url.charAt(endungsbuchstabe_nummer);
     if (endungsbuchstabe == 'a')
      {
        var neue_url = url_erster_teil + "b" + url_endung;
       bild.setAttribute('src', neue_url);
      }
     else
      {
       neue_url = url_erster_teil + "a" + url_endung;
       bild.setAttribute('src', neue_url);
      }
    }

//-->
  </script>
 </head>
 <body>
<img src='testbild1b.jpg' width="500px" height="500px" id="wechselbild1" onMouseOver="bild_wechseln(this.getAttribute('id'))" onMouseOut="bild_wechseln(this.getAttribute('id'))">
 </body>
</html>

jetzt würde mich nur noch interessieren, warum im thema "Dynamische grafische Buttons" steht, man müsse dafür unbedingt new Image() verweden. wäre schön, falls mir das jemand erklären könnte.

--
Ich weiß, dass ich nichts weiß. (Sokrates)