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

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

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.