Cara menggunakan load image javascript

larutan

Cara memuat gambar dari folder dengan menggunakan javascript (How to load images from folder by using javascript)

Ada 0.png, 1.png, 2.png, ... di folder gambar. Bagaimana cara memuat semuanya. Jumlah gambar tidak diketahui.

} while(!img[numOfImages].onerror);

alert("numOfImages = " + numOfImages);

var 
  numOfImages = 0;
  img = []; 

do{
    img[numOfImages] = new Image();
    img[numOfImages].src = "images/" + numOfImages + ".png";
    numOfImages++;
} while(!img[numOfImages].onerror);
alert("numOfImages= " + numOfImages);

larutan

larutan 1:

Code:

    var dir = "Src/themes/base/images/";
var fileextension = ".png";
$.ajax({
    //This will retrieve the contents of the folder if the folder is configured as 'browsable'
    url: dir,
    success: function (data) {
        //List all .png file names in the page
        $(data).find("a:contains(" + fileextension + ")").each(function () {
            var filename = this.href.replace(window.location.host, "").replace("http://", "");
            $("body").append("<img src='" + dir + filename + "'>");
        });
    }
});

This will load all the image .png present in a folder, care that this code use jquery.

(by Yaroslav Shabanov、master94ga)

larutan

1. How to load images from folder by using javascript (CC BY‑SA 2.5/3.0/4.0)