title: Display Image On Text Link Hover CSS Only
body: <p>I have a text link. When the user hovers over the text link, I want an image to be displayed elsewhere on the page. I want to do this using css. I thought it could be done simply with a single line of code in the link like an onmouseover but it seems that requires other code elsewhere on the page.</p>
  
  <p>I tried using the a:hover with the picture I want to show as a background-image but I don't think it can be manipulated to display in full instead of being clipped down to the size of the text link.</p>
  
  <p>I see hundreds of results when I try to search for this but none of them are what I want. The closest thing I found was this.</p>
  
  <p><a href="http://www.dynamicdrive.com/style/csslibrary/item/css-image-gallery/" rel="noreferrer">http://www.dynamicdrive.com/style/csslibrary/item/css-image-gallery/</a></p>
  
  <p>But that's working with hovering over thumbnail images. I just want the user to hover over a single text link to have an image show on the page somewhere else. I found that gallery from this thread: <a href="https://stackoverflow.com/questions/6781221/css-link-pop-up-image-on-hover">Pop up image css link on hover</a></p>
  
  <p>I don't want to deal with whatever that jquery is or too much scripts because I'm more familiar with css. Does anyone know of a simple way to do this or is there still no way, not even with all the changes made for css3? </p>
  
  <p>Thanks!</p>