Low resolution Image in javascript

Here we take an example, by which we set the low resolution to an Image.
  1. <html>
  3. <body>
  4. <img id="lowres" src="1.png" lowsrc="2.png" width="100" height="100" />
  5. <br />
  6. <script type="text/javascript">
  7. var x = document.getElementById("compman");
  8. document.write('<a href="' + x.lowsrc + '">Get The Low Resolution</a>');
  9. </script>
  10. </body>
  12. </html>
1.png
2.png