<html>
<head>
<title>Magic Magnify: Callback function</title>
<!-- link to magicmagnify/magicmagnify.js file -->
<script src="magicmagnify/magicmagnify.js" type="text/javascript"></script>
</head>
<body>
<p class="note">The example below must be served from localhost or a webserver <a href="http://demo.magictoolbox.com/magicmagnify/example12.html">example</a>.</p>
<p>Make a call to your own JavaScript function on click.</p>
<!-- define Magic Magnify -->
<a href="images/shoe_large.jpg" class="MagicMagnify" rel="callback:userCallbackFunc;"><img src="images/shoe_small.jpg"/></a>
<script type="text/javascript">
function userCallbackFunc(x,y) {
alert('Mouse click: '+x+":"+y);
}
</script>
</body>
</html>