File: demo.html

Recommend this page to a friend!
  Classes of Raul Molnar   jQuery GrayScale Image Plugin   demo.html   Download  
File: demo.html
Role: Example script
Content type: text/plain
Description: Plugin demo
Class: jQuery GrayScale Image Plugin
jQuery plugin to convert an image to grayscale
Author: By
Last change: last changes :)
Date: 10 years ago
Size: 863 bytes
 

Contents

Class file image Download
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>JQuery Grayscale Demo</title> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script> <script type="text/javascript" src="plugin/jquery.grayscale.js"></script> </head> <body> <br /> <p>No grayscale</p> <img src="img/img1.jpg" alt="no grayscale image demo" /> <br /> <p>Grayscale</p> <img src="img/img1.jpg" class="grayscale" alt="grayscale demo" /> <br /> <script type="text/javascript"> //usage $(selector).grayScale(); $(document).ready(function () { $('img.grayscale').grayScale(); }); </script> </body> </html>