Download raw (1.1 KB)
<html> <head> <title>Dither</title> </head> <body> <img src="assets/images/dave.png" width="500" /> <script type="text/javascript" src="assets/js/dither.js"></script> <script type="text/javascript"> window.addEventListener('load', function () { elements = document.getElementsByTagName('img'); function toggleDither() { var src = this.getAttribute('src'), alt = this.getAttribute('alt-src'); this.setAttribute('src', alt); this.setAttribute('alt-src', src); } for (var e=0; e < elements.length;e++) { elements[e].setAttribute('alt-src', elements[e].getAttribute('src')); AtkinsDither(elements[e], 80); elements[e].addEventListener('mouseenter', toggleDither); elements[e].addEventListener('mouseleave', toggleDither); } }, false); </script> </body> </html>