Skip to content


Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
branch: master
Fetching contributors…

Cannot retrieve contributors at this time

58 lines (57 sloc) 2.417 kb
Dries Bultynck -
Ruben Taelman -
Samuel Debruyn -
-- NOTICE --
tnx to Ruben for CSS3 link detection & the mobile effort (cancelled - Server & speed issues)
tnx to Samuel for setting up an Github for this.
<!DOCTYPE html>
<html lang="en">
<meta charset="utf-8"/>
<title>Hover Link Preview</title>
<link rel="stylesheet" href="hlp.css" type="text/css" />
<!--[if IE]><script src=""></script><![endif]-->
<script src=""></script>
<script src="hlp.js"></script>
<h1>Hover Link Preview</h1>
<h3>Text links to websites, images or videos</h3>
<li><a href="" title="test Google"></a></li>
<li><a href="" title="test Dries"></a></li>
<li><a href="" title="test Ruben"></a></li>
<li><a href="" title="test url shortener"> link</a></li>
<li><a href="" title="Grieten versieren met Raf Willems">Youtube</a></li>
<li><a href="" title="test met vimeo">Vimeo</a></li>
Note: can work slow on heavy website (no preload feature available)
<p>Some popup's don't work because of X-Frame-Options. You <a href="" title="X-Frame-Options my ass!">force them to overrule</a> in you want. Can not be done with JS.</p>
<p>Vimeo does not show a popup in Chrome > it goes to the page - not sure how to solve this one.</p>
<h3>Image links</h3>
<li><a href="" title="Megan Fox"><img src="" style="height:150px;" alt="Nu we toch bezig zijn, kunnen we zowel met iet proper testen ook dacht ik"/></a></li>
<li><img style="height:150px;" src="" alt="Nu we toch bezig zijn, kunnen we zowel met iet proper testen ook dacht ik"/></li>
Youtube filmpjes worden geblokt.
Jump to Line
Something went wrong with that request. Please try again.