Adding the filters is easy. As normal, you'll have to load the scripts (and jQuery) into your site's <head> or in the footer before the </body>. To intiate the filters, use the script below:
<script type="text/javascript">
jQuery(document).ready(function($) {
- $('.filter').filterme();
+ $('.filter').filterMe();
});
</script>Then we add the filter class to the image, alongside the filter data attribute.
@@ -30,7 +30,7 @@ jQuery(document).ready(function($) {Below are the options you can set when initiating the plugin.
-$('.filter').filterme({
+$('.filter').filterMe({
desaturate: false // Value from 0 - 1. 1 equals full desaturation (black & white).
curves: false // Object of RGB values in production script, or string name of curves .acv file in development script.
vignette: false // 'true' or 'false'. Add a vignette to the image.
@@ -51,4 +51,4 @@ jQuery(document).ready(function($) {
Little about me
I'm a 19 year old aspiring entrepeneur and web developer based in Dublin, Ireland. Having decided to turn down university in Ireland & the UK, I've set out to pursue startup success and make great connections. Love creating things with emerging web technologies, just for the pure challenge of it!
-Currently I'm working hard with my first major venture, Riva Slider, which has proven very successful so far. I also hope to create more awesome tools in the future, and to prove that there is a life outside of third level education for young tech entrepeneurs here in Ireland. Please follow me and Riva Slider on Twitter! Feel free to fire any questions my way, I'd be happy to answer them.
\ No newline at end of file
+Currently I'm working hard with my first major venture, Riva Slider, which has proven very successful so far. I also hope to create more awesome tools in the future, and to prove that there is a life outside of third level education for young tech entrepeneurs here in Ireland. Please follow me and Riva Slider on Twitter! Feel free to fire any questions my way, I'd be happy to answer them.