Tinelinchen: Automatisches Wechseln bei Seitenneuaufruf

Hallo,

kann mir jemand weiterhelfen?
Auf meiner Homepage habe ich einen Schaukasten eingerichtet. Dort erscheinen 4 Bilder. Ich möchte nun gerne, dass bei jedem erneuten Seitenaufruf bzw.jeder neuen Aktualisierung der Seite jeweils andere Bilder erscheinen. Der Rest der Seite soll so bestehen bleiben wie sie ist.

Gruß Tinelinchen

  1. Hallo,

    da gibt es meiner ansicht nach verschiedene lösungsmöglichkeiten.

    1. per javascript
    diese lösung ist aber wohl ehr schlecht, weil sie vom jeweiligen benutzer abhängt

    2. per php oder einer anderne script sprache!

    viele grüße

    matthias

    1. Hallo matthias.

      da gibt es meiner ansicht nach verschiedene lösungsmöglichkeiten.

      1. per javascript
        diese lösung ist aber wohl ehr schlecht, weil sie vom jeweiligen benutzer abhängt

      Aber sie schont die Resourcen des Servers, welcher nicht mit einer solchen Kleinigkeit belastet wird.

      Einen schönen Mittwoch noch.

      Gruß, Ashura

      --
      sh:( fo:} ch:? rl:( br: n4:~ ie:{ mo:| va:) de:> zu:} fl:( ss:) ls:[ js:|
      mathbr:del.icio.us/ mathbr:w00t/
  2. Hallo,

    kann mir jemand weiterhelfen?

    BESTIMMT.

    Auf meiner Homepage habe ich einen Schaukasten eingerichtet. Dort erscheinen 4 Bilder. Ich möchte nun gerne, dass bei jedem erneuten Seitenaufruf bzw.jeder neuen Aktualisierung der Seite jeweils andere Bilder erscheinen. Der Rest der Seite soll so bestehen bleiben wie sie ist.

    Klingt komisch, is aber so.

    Nun, ich würde Vorschlagen du schreibst eine kleine Javascript Funktion. Onload lässt du diese dann die Bilder die du anzeigen lassen.

    Ich stell mir da so was wie

    Function ÄnderMeineBilder() {
    //Dann das image tauschen
    for(i=0; i<=4; i++) {
    //Hier dann vielleicht ne zufallszahl
    var zufall = Math.random()*10 // Je nach Anzahl der Bilder
    document.getElementById("img" + i).src = BilderArray[zufall]
    }
    }

    vor.

    .
    .
    .
    .
    <body onload="ÄnderMeineBilder()">

    Jedes deine 4 Bilder sollte eine ID bekommen:
    <img src="Bild1" id="img1">
    <img src="Bild1" id="img2">
    <img src="Bild1" id="img3">
    <img src="Bild1" id="img4">

    Ausserhalb deiner Funktion solltest du ein Array definieren, welches deine Darzustellenden Bilder enthält.

    var BilderArray = new Array();
    BilderArray[0] = new Image;
    BilderArray[0].src = "Bild1";
    .
    .
    .
    Das machst du für jedes Bild

    Dann solltest du alles haben. Oder hab ich noch was vergessen zwischen Stuhl und Frühstück :)?

    1. Hallo Ron,

      Function ÄnderMeineBilder() {

      dieses Vorgehen hat aber den Nachteil, dass erst die "falschen" und danach die "richtigen" Bilder geladen werden. Besser wäre es, die Zufallsbilder im Scriptteil mit document.write einzubauen und im Noscriptteil die "Lieblingsbilder" anzufordern.
      Natürlich muss Tinelinchen erst mal sagen, welche Techniken ihr zur Verfügung stehen, welche sie davon beherrscht, und wie wichtig es ist, das alle Besucher die Zufallsbilder sehen.
      Im Archiv habe ich übrigens http://forum.de.selfhtml.org/archiv/2005/1/t98169/ gefunden.

      Gruß, Jürgen

      1. Hallo Jürgen,

        ich bin leider noch nicht so fit im Homepage-Design. Etwas html kombiniert mit Dreamweaver. Das war's.

        Gruß
        Tinelinchen

        1. Hallo Jürgen,

          ich bin leider noch nicht so fit im Homepage-Design. Etwas html kombiniert mit Dreamweaver. Das war's.

          Gruß
          Tinelinchen

          hab noch etwas vergessen -
          ist schon recht wichtig, dass alle user die Bilder sehen können.

          1. Hallo Tinelinchen,

            hab noch etwas vergessen -
            ist schon recht wichtig, dass alle user die Bilder sehen können.

            müssen alle Besucher die Zufallsbilder sehen? Dann benötigst du eine serverseitige Technik, z.B. php. Oder reicht es, dass Besucher mit eingeschaltetem Javascript die Zufallsbilder sehen, die anderen aber immer die gleichen von dir vorgegebenen Bilder? Oder anders gefragt: Steckt in den Bildern eine wichtige Information oder ist das Ganze nur eine Designspielerei?

            Gruß, Jürgen

            1. Hallo Jürgen,

              ich möchte mit dieser Bildwechsel-Präsentation verschiedene Angebote vorstellen. Daher ist es schon sehr wichtig, dass auch alle Bilder per Zufall - also immer dann wenn die Seite neu aufgerufen wird - im wechsel erscheinen.

              Ich habe vorhin mal versucht den Code aus deinem Link-Tip zu verwenden. Dazu bin ich warscheinlich zu dä......

              Hat nicht funktioniert.

              L.G. Tinelinchen

              1. Hallo Tinelinchen,

                ich möchte mit dieser Bildwechsel-Präsentation verschiedene Angebote vorstellen. Daher ist es schon sehr wichtig, dass auch alle Bilder per Zufall - also immer dann wenn die Seite neu aufgerufen wird - im wechsel erscheinen.

                dann benötigst du eine serverseitige Technik. Allerdings kann ich dir da auch nicht helfen.

                Ich habe vorhin mal versucht den Code aus deinem Link-Tip zu verwenden. Dazu bin ich warscheinlich zu dä......

                Hat nicht funktioniert.

                Na ja, da das eine Javascriptlösung ist, kommt die für dich sowieso nicht in Frage.

                Ich denke, du wirst nicht umhin kommen, irgendeine CGI-Sprache zu lernen. Für dein Problem reichen ja die Grundlagen schon. Du musst ja nur eine Zufallszahl erzeugen, die zwischen 0 und (Anzahl der Bilder-1) liegt. Daraus erzeugst du dann den Namen des Bildes, z.B. Bild42.jpg. Besonders einfach geht es, wenn deine Bilder durchnummeriert sind: Bild0, Bild1, ... Bild42. Den Bildnamen baust du dann einfach in das IMG-Tag ein. An dieser Stelle muss ich aber passen, da ich kaum CGI-Erfahrung habe und php garnicht kenne.
                Welche CGI-Techniken unterstützt dein Provider denn überhaupt?

                Gruß, Jürgen

            2. Hallo,

              na dann geht meine Idee halt nicht. Schade.

              Vielen lieben Dank für deine Hilfe

              Gruß Tinelinchen

              1. Hallo,

                wenn du eine serverseitige Technik verwenden willst, dann nimm doch z.B. php:

                <?

                $images=Array();

                $images[0]="bild1.jpg";
                $images[1]="bild1.jpg";

                // (...)

                print '<img src="'.$images[rand(1,$images.length);].' " alt="Bild">';
                ?>

                habs jetzt nicht getestet, aber so ungefähr könnte es funktionieren...

                MfG Hans

    2. Kann mir das einer auch für Dumme erklären?