zeigen zufälliges Bild aus dem array in javascript

Wählen Sie zufällige Bilder aus imgArray drucken 16 verschiedene Bilder in der gleichen Zeit, aber können nicht füllen die imgRandom Funktion.

img = new imgArray(7);
img[0]='1.png';
img[1]='2.png';
img[2]='3.png';
img[3]='4.png';
img[4]='5.png';
img[5]='6.png';
img[6]='7.png';
img[7]='8.png';

var rand=imgArray[math.floor(math.random*imgArray.length)];

function imgRandom(){

}
Sie haben nur 8 Elemente im array haben, wie wird Ihnen zeigen 16 Bilder?
dasselbe Bild kann doppelt gesehen
Wie es zufällig ist, wird es so Aussehen, ok, wenn zwei gleiche Bilder nebeneinander. Nur so mein Gedanke...

InformationsquelleAutor gunericinar | 2012-12-22

  1. 7

    Versuchen, diese Funktion

    function getRandomImage(imgAr, path) {
    path = path || 'images/'; //default path here
    var num = Math.floor( Math.random() * imgAr.length );
    var img = imgAr[ num ];
    var imgStr = '<img src="' + path + img + '" alt = "">';
    document.write(imgStr); document.close();
}

    Aufruf der Funktion 

    getRandomImage(ARRAY-VARIABLE, '/images/')

    Finden LIVE-DEMO. Sie werden sehen, ändern Sie im Bild für jede Aktualisierung

    Danke, sehr hilfreich

    InformationsquelleAutor Siva Charan

  2. 2

    Verwenden Sie den folgenden code:

    var imgArray = ['1.png', '2.png', '3.png', '4.png', '5.png', '6.png', '7.png', '8.png'];
var basePath="YOUR_FOLDER_PATH_HERE";

function imgRandom() {
    for (var i = 0; i < 18; i++) {
        var rand = imgArray[Math.floor(Math.random() * imgArray.length)];
        var image = new Image();
        image.src = basePath+rand;
        document.body.appendChild(image);
    }
}

    Live-Demo | Quelle

    InformationsquelleAutor extramaster

  3. 2

    Gibt es einige Dinge in Ihrem code, den ich gerne hinweisen möchte,

    • Es gibt keine imgArray im javascript per default (vielleicht ist es ein Konstruktor ist)

    • Du willst ein Array

    • Javascript ist case-sensitiv, und die Math Objekt in js hat eine Kapital M

      • math -> Math
    • Und die random propertie des Math Objekt, muss aufgerufen werden, um wieder eine random Zahl
      • random -> random()
      • Math.random()

    Aber zu Ihrer Frage

    1. Funktionen nehmen Parameter, so könnte man nehmen param für eine Reihe von Bildern

      function (imgArr) {...

      Mit dieser haben Sie Zugriff auf die übergebenen parameter durch imgArr

    2. Funktion können Werte zurückgeben, so genommen Math.random wir gehen auf

      Funktion (imgArr) {
      zurück imgArr[Math.floor(Math.random() * imgArr.Länge)]
      }

    3. Sie nicht haben, um "Dim" - Array ist, und zur Definition der Elemente, die Sie gonna setzen Sie in, können Sie nur tun, sth. wie

      var imgArr = ["img01.png","img02.png",...]

      Und var arr=[] wäre gleich var arr = new Array()

    4. Also ein Aufruf dieser Funktion mit Array couldlook wie 

      var img = ["1.png", "2.png", "3.png", "4.png", "5.png", "6.png", "7.png", "8.png"]
     function imgRandom(imgArr) {
        return imgArr[Math.floor(Math.random() * imgArr.length)];
    }
 console.log(imgRandom(img));
    Vielen Dank für expaining
    Du bist herzlich willkommen =)

    InformationsquelleAutor Moritz Roessler

Schreibe einen Kommentar