title: Show random image on hover
body: <p>I am looking for a way to show a random image upon hovering some text or a div. </p>
  
  <p>Tried a few CSS ways but I don't think it's possible without jQuery or Javascript, either is fine. </p>
  
  <p>My (way overcomplicated) idea was using a random script such as </p>
  
  <pre><code>Math.floor(Math.random() * 10);
  </code></pre>
  
  <p>then using a few nested if statements (I know) to add or remove classes on the images files which 4/5 (orwhatever) would have hidden tags and the random one would get it removed. I couldn't even figure that out and I definitely think its a messy way to solve this. Does anyone have a better idea? Thanks so much!</p>