title: How can I change a css :hover state to a click event?
body: <p>I followed the details <a href="http://www.dynamicdrive.com/style/csslibrary/item/css-image-gallery/#thumb" rel="nofollow noreferrer">in the link</a> for creating a image gallery.<br/>
  And that approach works fine for me. </p>
  
  <p>I want to change the mouse <code>hover</code> event to a <code>click</code> event so that when a thumbnail is clicked (instead of hover), its open image in large area.</p>