How to apply a 'fancy zoom' effect to the images on your web site

To experience the 'fancy zoom' effect, click on the image below

To create the same fancy zoom effect on your site, you will need:

• a full-size image with recommended size 1024x768px

• a page where you can add Text and Images element.
  

Then:

• Upload the image using the Text and Image editor.

• Resize the image to a smaller (thumbnail) size through the image settings panel (recommended size 240x180). Preserve the aspect ration by clicking on the padlock icon () prior to resizing.
  

• Add the following code inside an HTML Snippet anywhere on the page.
  

<script src="http://aws.netclime.net/FZ/fancy_zoom2m.js"></script>
<script>
$( window ).addEvent( 'domready', function( ) {
   SK_SetupZoom( 'AREA__MAIN_CONTENT_COL1' );
   var fancy_zoom = null;
   fancy_zoom = new FancyZoom();
   fancy_zoom.setupZoom();
} );
</script>