Anna Breitenberger: Alternierende Bilder beim Laden der Seite

Liebe Leute, ich habe soeben versucht die Index Seite von http://www.dischord.com zu rekonstruieren, aber irgendwie funktioniert beim Laden meiner Seite der Bilderwechsel nicht. Auf was muss ich achten? Ich warte auf Eure Tips, Anna.

  1. Hallo Anna,

    was heißt denn "nachgebaut"? Wie sieht's bei Dir aus? Ohne zu wissen wie Deinen Code aussieht wird's schwer zu helfen.
    Angenommen, Du hast den Code 1:1 übernommen: Zu beachten ist dann, dass die erzeugten Bildnamen auch tatsächlich als Datei vorhanden sind.

    Grüße aus Würzburg
    Julian

    1. Hallo Julian, erstmals danke, dass du mir schreibst. Ja ich habe den Code 1:1 übernommen und meinen Versuch Dischord-Seite (http://www.dischord.com) für dich ins Netz gestellt: http://www.home.earthlink.net/~polyeder/SwapImages.html

      Die Bilder habe ich dis_spl_01.jpg, dis_spl_02.jpg, dis_spl_03.jpg benannt. Ich hoffte, dass die Bilder mit den restlichen dis_spl_04.jpg, dis_spl_05.jpg , dis_spl_06.jpg usw. beim nächsten Laden der Seite ausgetauscht würden. Sie befinden sich im Folder "Images" gleich wie die ersten drei Bilder.

      Hier geb ich dir den Code meiner Seite. Vielleicht kannst du mir weiterhelfen. Danke, Anna.

      <HTML>
      <HEAD>
      <META http-equiv="Refresh" content="10; URL=http://www.dischord.com/main.shtml">
      <TITLE>Dischord</TITLE>
      </HEAD>
      <BODY BGCOLOR="#FFFFFF">

      <CENTER>

      <TABLE BORDER="0" cellpadding="0" cellspacing="0" HEIGHT="100%">
              <tr>
                      <td>

      <!-- Begin table containing images -->

      <TABLE BORDER="0" cellpadding="5" cellspacing="0">
              <tr>

      <TD width='114'><A HREF='main.shtml'><IMG SRC='images/dis_spl_03.jpg' ALT='' WIDTH='114' HEIGHT='170' BORDER='0'></A></TD>
      <TD width='114'><A HREF='main.shtml'><IMG SRC='images/dis_spl_02.jpg' ALT='' WIDTH='114' HEIGHT='170' BORDER='0'></A></TD>
      <TD width='114'><A HREF='main.shtml'><IMG SRC='images/dis_spl_01.jpg' ALT='' WIDTH='114' HEIGHT='170' BORDER='0'></A></TD>

      </TR>
      </TABLE>

      </TD>
              </TR>
      </TABLE>

      </CENTER>

      </BODY>
      </HTML>

      1. Hallo Anna,

        Hast Du die Seite mal lokal abgespeichert und Dir die Dateinamen der Bilder angeschaut? Ich hab mal gemacht.

        Das Script sieht ja wie folgt aus:
        <script LANGUAGE="Javascript">
        var counts = [7,9,5];
          var mins = [1,51,101];

        var s = '';
          var sn = '';
          var i = 0;
          var p = 0;
          for (; i < counts.length; i++) {
            p = Math.floor(Math.random()*counts[i] + mins[i]);
            sn = (p < 10) ? '0' + p : p;
            s +=  "<td width='114'><A HREF='main.shtml'><IMG SRC='/images/dis_spl_" + sn + ".jpg' ALT='' WIDTH='114' HEIGHT='170' BORDER='0'></A></td>\n";
          }
          document.open(); document.write(s);
        </SCRIPT>

        Wir betrachten mal die Arrays counts und mins näher:
        counts gibt der Reihe nach die Anzahl der Alternativen für Bild1, Bild2 und Bild3 wieder.
        mins gibt der Reihe nach für die Bilder ihr Minimum aus.

        So wäre eine Lösung z.B.
        dis_spl_05.jpg
        dis_spl_102.jpg
        dis_spl_55.jpg

        Du musst also nur Deine Bilder für die erste Stelle zwischen 01 und 50 benennen, die für die zweite von 51 bis 100 und die an dritter Stelle ab 101 - und die Anzahl in counts entsprechend der Anzahl Deiner Bilder korregieren.

        Grüße aus Würzburg
        Julian

        1. Danke Julian, es hat geklappt!!! Ich habe deinen Rat befolgt. Nochmals herzlichen Dank. Ich werde jetzt versuchen, ein eigenes Layout zu kreieren und dann dasselbe Javascript anwenden. Kann sein, dass ich in ein/zwei Stunden wieder im Netz bin mit neuen Fragen. Vorerst danke, Anna.