i would zooming and showing image witn lightbox.

Example is in this link : 

<http://www.elevateweb.co.uk/image-zoom/examples>

İn the site go to the partision named gallery & lightbox.

I've tried the code but it did not work.

Code : 

```
<!DOCTYPE html>
<html>
<head>
  <title></title>
</head>
<body>

<div id="gal1">

  <a href="#" data-image="http://www.elevateweb.co.uk/wp-content/themes/radial/zoom/images/small/image1.png" data-zoom-image="http://www.elevateweb.co.uk/wp-content/themes/radial/zoom/images/small/image1.png">
    <img id="img_01" src="http://www.elevateweb.co.uk/wp-content/themes/radial/zoom/images/small/image1.png" />
  </a>

</div>

<script type="text/javascript">

    //initiate the plugin and pass the id of the div containing gallery images
$("#zoom_03").elevateZoom({gallery:'gallery_01', cursor: 'pointer', galleryActiveClass: 'active', imageCrossfade: true, loadingIcon: 'http://www.elevateweb.co.uk/spinner.gif'}); 

//pass the images to Fancybox
$("#zoom_03").bind("click", function(e) {  
  var ez =   $('#zoom_03').data('elevateZoom'); 
    $.fancybox(ez.getGalleryList());
  return false;
});

</script>

<style type="text/css">

    /*set a border on the images to prevent shifting*/
 #gallery_01 img{border:2px solid white;}

 /*Change the colour*/
 .active img{border:2px solid #333 !important;}

</style>

</body>
</html>

```

Help please.

Not : I don't have a good English. Pardon me. I hope you understand.