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

Mini Preview is a simple jQuery plugin for adding live previews 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:

• jQuery Plugin For URL Live Preview - urlive

Basic Usage:

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

<link href="/path/to/jquery.minipreview.css" rel="stylesheet" />
<script src="/path/to/cdn/jquery.min.js"></script>
<script src="/path/to/jquery.minipreview.js"></script>

2. Call the plugin on your links and done.

$(function() {
  $('a').miniPreview();
});

3. Available options.

$(function() {
  $('a').miniPreview({

    // width/height of the preview box
    width: 256,
    height: 144,

    // 0 - 1
    scale: .25,

    // or 'parenthover', 'none'
    prefetch: 'pageload'
    
  });
});

Changelog:

2021-01-17

• Fix insecure links

---

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