Question

I want to block all images on a webpage. There will be grey boxes instead of images.

Like lazy load , but images will not load while scrolling.

How can i do this with jquery ? Are there any function for this?

Answer 1

 $('img').attr('src', 'img_with_square_border.jpg');

This should work perfectly.

…Unless, of course, you wanted to load the images back when the user gets to them.

EDIT TO ACCOMMODATE CLICKING

$('img').each(function () { this.setAttribute('real-src', this.src); })
        .attr('src', 'whatever.jpg')
        .click(function () { this.src = this.getAttribute('real-src'); });