jQuery Plugin For Hiding Elements with SVG Blur Effect - Spoiler Alert

File Size: 23.6 KB
Views Total: 1683
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
   
jQuery Plugin For Hiding Elements with SVG Blur Effect - Spoiler Alert

Spoiler Alert is a funny jQuery plugin that allows you to hide any html element of your web page with a bit of SVG blur. Hint on mouseover. Reveal on click. The plugin will return true if browser supports CANVAS. IE9 and under do not support CANVAS and this function is only ever called by the IE checking function anyway

How to use it:

1. Include jQuery library and jQuery Spoiler Alert in the head of the web page

<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script src="spoiler.js"></script>

2. Create a html element with class of 'spoiler'

<img class="spoiler" src="1.jpg">

3. Simply call the plugin with options

<script>
$(function() {
    $('.spoiler').spoilerAlert({
    max: 20, 
    partial: 6
    })
})
</script>

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