image width and height returned is ZERO

Question

I am all images from a folder using javascript. I followed instructions from this link. How to load all the images from one of my folder into my web page, using Jquery/Javascript

But when i try to get the image length and geight it returns 0 here is my code.

window.onload = function() { 
var dir = "images/";
var fileextension = ".jpg";
$.ajax({
    //This will retrieve the contents of the folder if the folder is configured as 'browsable'
    url: dir,
    success: function (data) {
        //Lsit all png file names in the page
        $(data).find("a:contains(" + fileextension + ")").each(function () {
            var filename = this.href.replace(window.location, "").replace("http:///", "");
            $("#gall").append($("<img src=" + dir + filename + "></img><span>Picture description</span>"));
            this.length;
        });
                pgal.display(); 
    }
});

}

In pgal.display(), i am simply writing width and height to console.

@sheldoncooper this link might help. http://stackoverflow.com/questions/7442821/javascript-jquery-event-listener-on-image-load-for-all-browsers — manassorn, Sep 08 '15 at 06:58

score 0 · Answer 1 · answered Sep 08 '15 at 06:46

0

You're need something like this:

$("#gall").find('img').on('load', function(event) { console.log(event.target) });

answered Sep 08 '15 at 06:46

11111000000

193
2
9

I used this, and here is the output on console. – sheldon cooper Sep 08 '15 at 06:58
looks like something sets `style` property outside – 11111000000 Sep 08 '15 at 07:07
Remove the width and height attributes and read offsetWidth and offsetHeight – 11111000000 Sep 08 '15 at 07:08
Still the result is same. – sheldon cooper Sep 08 '15 at 07:12
then preload images with `new Image` method – 11111000000 Sep 08 '15 at 07:15
Can you provide an example, kindly – sheldon cooper Sep 08 '15 at 07:40
http://stackoverflow.com/questions/901677/the-definitive-best-way-to-preload-images-using-javascript-jquery – 11111000000 Sep 08 '15 at 07:48

image width and height returned is ZERO

1 Answers1