CSS/HTML/Javascript tricks to print a web page without images

Question

I'm trying to put a print button on a web page that will print the page's contents except images. Any ideas?

Answer 1

You can use CSS to disable all images on your website only when printing.

@media print {
  img {
    display: none !important;
  }

  * {
    background-image: none !important;
  }
}

Answer 2

No need to use a button, unless you want to give people the option to print images or no images.

If you just want people to print without images (which is preferred most of the time), you can just use a print stylesheet.

<link rel="stylesheet" href="print.css" type="text/css" media="print" />

Then add

img {display: none;}