How to prevent to load image of a div

Question

SORRY for Asking This, Because it already asked.

Trying to prevent to load image of a div .element if it has class .block / <div class="element block"> .

HTML:

 <div class="element">
<img src="images/picture.jpg" alt="" />
<img src="images/picture.jpg" alt="" />
 </div>

Mean prevent to load all images of <div class="element"> when it has a class .block.
Don't hide, Delete image from html Node acceptable.

score -2 · Answer 1 · answered Sep 12 '15 at 11:55

-2

You can hide it in pure javascript like this but you have to add id and not class to your element

document.getElementById("element").style.display= "none";

and in jquery

$('.element').css('display', 'none');

answered Sep 12 '15 at 11:55

Mat.

541
2
11

How does this prevent loading of images? – PeeHaa Sep 12 '15 at 11:56
you cant prevent images from loading you can only pass them dynamically whenever you need to load them. – Mat. Sep 12 '15 at 11:58
@Mat. ok fine, so delete the node of html. – Aariba Sep 12 '15 at 11:59
@Mat. Exactly so this answer doesn't actually answer OP. – PeeHaa Sep 12 '15 at 12:01
@PeeHaa yes i should have wright more in my answer to explain him that this just hide the image. – Mat. Sep 12 '15 at 12:03
@PeeHaa Is possible to delete image from html Node ? – Aariba Sep 12 '15 at 12:03
Yes that is possible, but by the time you are removing stuff from the DOM it already has started the loading process – PeeHaa Sep 12 '15 at 12:04
@Aabira you can look at this in reverse load the images whenever you need them only. – Mat. Sep 12 '15 at 12:08

How to prevent to load image of a div

1 Answers1