I had a couple of pictures up on my web page that were “cartoonized”. I liked the look, but thought that someone ought to also be able to see what I actually look like. My solution was to have the original picture of me appear when a person moves his/her mouse over the “cartoon” image of me. I am not sure if mixing Javascript with HTML will give all coders a warm and fuzzy feeling, but it works.
<img src='Cartoon.jpg' onmouseover="this.src='NoCartoon.jpg';" onmouseout="this.src='Cartoon.jpg';" />
I changed my main page:
and my contact page: