Disable/Remove images and link from loading in HTML

Question

How can I disable images and links from loading in HTML using a script.

<div id="mailPreviewTarget" style="padding: 10px; overflow: auto;">

    Sample Text
    <p></p>

    <img src="http://.../track/0/0.png">
    <div>

        <a href="http://.../unsubscribe/0/0">Unsubscribe</a>

    </div>

</div>

https://jsfiddle.net/ks8r3noa/2/

Do you want the linked text to be unlinked? Or removed with the link? — Mic, Oct 10 '16 at 11:37
You can't do this work becase when javascript is runned, image was loaded. You should remove it on server. — Mohammad, Oct 10 '16 at 11:43
Possible duplicate of [Prevent images from loading](http://stackoverflow.com/questions/1667868/prevent-images-from-loading) — Mohammad, Oct 10 '16 at 11:48

score 1 · Answer 1 · answered Oct 10 '16 at 18:32

1

<script src="https://code.jquery.com/jquery-2.0.3.js">
$(window).load(function(e){
  e.preventDefault()
$('img , a').remove();  
});
</script>

answered Oct 10 '16 at 18:32

mac

95
8

Karthikeyan Sekar · Answer 2 · 2016-10-10T11:34:17.580

0

$(window).load(function(e){
$('img').css({'display':'none'});
$('a').css({'display':'none'});
});

edited Oct 10 '16 at 11:34

answered Oct 10 '16 at 11:20

Karthikeyan Sekar

223
3
13

Thanks, but it doesn't seem to work. Can you as well check it on jsfiddle? – mac Oct 10 '16 at 11:31
This I'll never work. It will prevent rendering, but not loading. – Mic Oct 10 '16 at 11:33
am just define the event only @Mic, the problem is `,` `:` – Karthikeyan Sekar Oct 10 '16 at 11:35
@mac now try on this link http://jsbin.com/jekoyal/edit?html,js,output – Karthikeyan Sekar Oct 10 '16 at 11:37
@KarthikeyanSekar you're a lifesaver! It really worked for me :) – mac Oct 10 '16 at 18:30

score -1 · Answer 3 · answered Oct 10 '16 at 11:25

-1

You can use this type of code to disable the images and links.

    <script>
    function buttonClicked()
    {
       document.getElementById('buttonId').disabled = true;
    }
    </script>

answered Oct 10 '16 at 11:25

prime

769
1
13
27

Much appreciated. I tried it on Jsfiddle but to no avail. Can you check it yourself as well. Thanks. – mac Oct 10 '16 at 11:32
To disable link you can follow, http://stackoverflow.com/a/11901020/1246467. It works fine with Jsfiddle. You can use disableLink() function to achieve your task. – prime Oct 10 '16 at 11:48
If you want to disable the image, you have to put it inside a tag. ``. Then you can use the answer. It works fine in Jsfiddle. – prime Oct 10 '16 at 11:58

Disable/Remove images and link from loading in HTML

3 Answers3