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: 5.01 KB
Views Total: 2378
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
   

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:

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.