title: Create a web button that changes when hovering and then again after being clicked
body: <p>I would like to create a roll-over image that after having been clicked changes to another image. For example, when the button hasn't been clicked, it shows image 1:</p>
  
  <p>When hovering above it, it would change to image 2:</p>
  
  <p>Then, after the user has clicked the button, it would change to image 3 and stay like that till the page was refreshed:</p>
  
  <p>In addition, when a user presses the button, it would open the link in a new tab.</p>
  
  <p>This is what I have so far:
  <code>&lt;img src="image/b1n.png" alt="Button 1" id="Image2" height="53" width="281"&gt;</code></p>