Jquery Loop appending image element just appends once -


i'm trying append image element multiple times trough loop, appearing once, idea why?

here code

$(document).ready(function() {     var myimage = new image();     myimage.src = 'image.jpg';      for(i=0; < 12; i++) {     $('#photos').append(myimage)     } }); 

you should create image object within for loop because if not using same object multiple times

see demo

change jquery this,

$(document).ready(function () {      (i = 0; < 12; i++) {         var myimage = new image();         myimage.src = 'image.jpg';          $('#photos').append(myimage);     } }); 

update: not affect page load time because browser load image once , cache further use. can see more details here when page loads image, load once, or every time found in markup?


Comments

Popular posts from this blog

c# - Validate object ID from GET to POST -

node.js - Custom Model Validator SailsJS -

php - Find a regex to take part of Email -