http://www.project-sierra.de/ImageColorPicker/example/
http://www.color-hex.com/color/f9839d
<!doctype html> | |
<html> | |
<head> | |
<title>Test Template</title> | |
<script src="../dist/jquery-1.4.4.min.js"type="text/javascript"></script> | |
<script src="../dist/jquery-ui-1.8.9.custom.min.js"type="text/javascript"></script> | |
<script src="../dist/jquery.ImageColorPicker.js"></script> | |
<script type="text/javascript"> | |
$(document).ready(function(){ | |
$("#test").ImageColorPicker({ | |
afterColorSelected: function(event, color){ $("#result_test").text(color); } | |
}); | |
$("#test2").ImageColorPicker({ | |
afterColorSelected: function(event, color){ $("#result_test2").text(color); } | |
}); | |
}); | |
</script> | |
<!-- reset CSS --> | |
<link rel="stylesheet" href="http://yui.yahooapis.com/2.8.1/build/reset/reset-min.css"type="text/css" media="screen"charset="utf-8"/> | |
<link rel="stylesheet" href="../dist/ImageColorPicker.css"type="text/css" media="screen"charset="utf-8"/> | |
<style type="text/css"> | |
</style> | |
</head> | |
<body> | |
<table> | |
<tr> | |
<td> | |
<img src="test.png"alt="" id="test" /> | |
<div id="result_test"></div> | |
</td> | |
<td> | |
<img src="test2.jpg"alt="" id="test2" /> | |
<div id="result_test2"></div> | |
</td> | |
</tr> | |
</table> | |
</body> | |
</html> | |