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
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
Post a Comment