Permalink
Find file
Fetching contributors…
Cannot retrieve contributors at this time
61 lines (49 sloc) 1.18 KB
<!doctype html>
<html class="no-js" lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title></title>
<meta name="description" content="">
<link rel="stylesheet" href="css/main.css">
</head>
<!--[if lt IE 7 ]> <body class="ie6" > <![endif]-->
<!--[if IE 7 ]> <body class="ie7"> <![endif]-->
<!--[if IE 8 ]> <body class="ie8"> <![endif]-->
<!--[if IE 9 ]> <body class="ie9"> <![endif]-->
<!--[if (gt IE 9)|!(IE)]><!--> <body> <!--<![endif]-->
<div id="main">
<h1>Vivid</h1>
<img src="img/1.jpg" id="photo1" class="vivid hohoho yuppy"/>
<img src="img/2.jpg" id="photo2" class="vivid" width="300px" height="300px"/>
</div>
<script src="js/jquery-1.7.1.min.js"></script>
<script src="../src/vivid.js"></script>
<script>
$('.vivid').vivid({
filter: 'blackWhite',
blackWhite: {
lightness: 0.3
}
});
/**
Ideal API
$('selector').vivid({
filter: 'blackAndWhite',
blackWhite: {
lightness: 0.3
},
anotherFilter: {
amount: 100
},
onHover: {
filter: 'anotherFilter',
callback: function() {
$(this).hide();
}
}
});
*/
</script>
</body>
</html>