AMPEDUPDESIGNS

CONSULTING CONCEPTS PERSONAL

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