Now compatible with modal light boxes like Fancy Box for pop-up zoom images in addition to the built-in fly-out zoom.
Typically, you would insert code like this after loading cloudzoom.js and jquery.fancybox.js:
<script type="text/javascript"> $(function () { $('#myZoom').bind('click', function () { var cloudZoom = $(this).data('CloudZoom'); // Get Cloud Zoom instance. $.fancybox.open(cloudZoom.getGalleryList()); // Pass list of images and titles to Fancy Box. return false; }); }); </script>
Info
Typically, you would insert code like this after loading cloudzoom.js and jquery.fancybox.js:
<script type="text/javascript">
$(function () {
$('#myZoom').bind('click', function () {
var cloudZoom = $(this).data('CloudZoom'); // Get Cloud Zoom instance.
$.fancybox.open(cloudZoom.getGalleryList()); // Pass list of images and titles to Fancy Box.
return false;
});
});
</script>