jQuery Plugin To Create A Live Preview Of A URL - Mini Preview

jQuery Plugin To Create A Live Preview Of A URL - Mini Preview
File Size: 6.81 KB
Views Total:
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
   

Mini Preview is a simple jQuery plugin for adding live previews of to links on hover. By default, the previews were fetched as soon as the page loaded. This is great for having the previews ready ahead of time, but can eat up extra bandwidth.

See also:

Basic Usage:

1. Include the jQuery library and jQuery mini preview plugin in the document.

<link href="jquery.minipreview.css" rel="stylesheet">
<script src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>
<script src="jquery.minipreview.js"></script>

2. Call the plugin and you're done.

<script>
$(function() {
$('a').miniPreview();
});
</script>

3. Available options.

<script>
$(function() {
$('a').miniPreview({
width: 256,
height: 144,
scale: .25,
prefetch: 'pageload' // parenthover, pageload or none
});
});
</script>

This awesome jQuery plugin is developed by lonekorean. For more Advanced Usages, please check the demo page or visit the official website.