Is this function can be a good way to preload in jquery? [duplicate]

Question

is this function that i wrote in jquery, will be a good way to preload? thank you

function loader(){ imgTag('#check'); function imgTag(whereToAppend){ var image = 'image.jpg'; $(whereToAppend).append('<img id="imgWrapper">'); $('#imgWrapper').attr('src', image).hide().one('load',function(){ $(this).fadeIn('slow'); }) } }

Community · Accepted Answer · 2017-05-23 12:21:16Z

1

I would suggest using the following solution to preload images:

function preload(arrayOfImages) { $(arrayOfImages).each(function(){ $('<img/>')[0].src = this; // Alternatively you could use: // (new Image()).src = this; }); } // Usage: preload([ 'img/imageName.jpg', 'img/anotherOne.jpg', 'img/blahblahblah.jpg' ]);

Source: Preloading images with jQuery

edited May 23, 2017 at 12:21

CommunityBot

11 silver badge

answered Apr 22, 2012 at 18:09

Johan

35.4k62 gold badges191 silver badges309 bronze badges

Sign up to request clarification or add additional context in comments.

6 Comments

Johan Over a year ago

jQuery returns a collection, and you only need the first element. Hence you use [0] or .get(0)

takeItEasy Over a year ago

so the img tag is hide until image is fully downloaded?

Johan Over a year ago

You need to show the images manually. They are just preloaded here. So you get rid of the loading-effect of the images. Just add the images that youre planning to show in the array and show them as usual whenever you like

takeItEasy Over a year ago

ok! thanks for our quick reply. but i'm still confused of preloading...

takeItEasy Over a year ago

as i understood the array of images will added on DOM but they are not showed on page still i call them. isn't it?

|

Collectives™ on Stack Overflow

Is this function can be a good way to preload in jquery? [duplicate]

1 Answer 1

6 Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

6 Comments

Linked

Related