A small blog.

A LIVE link preview window for links on hover over using Jquery and CSS3

For one of my projects, I set out to find a way to display a LIVE preview for links that would display when you hover over the link. It's a novel way to show the user what they're linking to prior to clicking on the link and also provides a little bit of a wow factor. It eliminates the need to create screenshots and you can depend on the view to always be up-to-date since it's a live version.  By simply adding a target class to the link or DOM element you want, you can immediately have a up-to-date preview window.

Here are several examples below:

Hover over this ...
Read More ...
Tags:   Jquery  Dialog  Live Preview  project