Liquid Zoom (FREE)

[Adendum]

Is a very simple extension that makes it easy to show one or more images on a page and allow the visitor to zoom in on the image in a variety of ways. Each image can be styled individually with caption options, linking and a variety of customisable zooming options.

The original jQuery and CSS was written by Pascal Gautier, a regular member and contributor to the WWB forum (name in the forum is Pascal Gilles – formerly Crochepattes).

Here is his original tutorial and demo. Any my thanks to him for sharing his code and for his assistance while building and testing this extension.

Demo.

NOTE:
This extension is pretty straight forward and very easy to use however you should make every effort to fully read the help file as this contains several links to online resources and other tools you will benefit from using to optimise your images. This extension can take large images and make zooming an easy process however large images can bring even the most powerful desktop and browser to its knees.

This is an information page (part of the demo) that explains some of the issues with images.

Have fun!

[zinc]

Outstanding work guys!!! Welldone to you both! Quality extension!

[Adendum]

v1.0.0.1 released

1. Removed an opacity setting (Zoom Bar Background Colour (OPACITY)) from section 4 and reverted to a hard coded opacity value.
2. Added extra help information (image optimisation step (Stripper) to further reduce file sizes).
3. Added same to demo page.
4. Uploaded revised help file - also available in the extension.

[jordan]

he he what a collaboration, John and Paul of extensions . 2 fab 2 . . great work!
+TNX for you update mail as always appreciated Paul

[Adendum]

v1.0.0.3 released

Pascal fixed a bug in the .js

[stamjoe]

Thanks man!!!!
Awesome!!!!
Joe

[Adendum]

v1.0.0.4 released

New features added to preview images as mono (black & white), sepia toned or a colour tone of your own choice.

See demo for new features. Updated help file.

Aditerum _ Liquid Zoom.jpg

[Adendum]

v1.0.0.5 released.

Pascal has added an option to disable the mousewheel in the zoom effect so that the mousewheel will scroll a page as normal.

[Adendum]

v1.0.0.6 released

Apparently I was using a development version of the jQuery - extension udpdated to use latest production version.

[Adendum]

v1.0.0.7 released

Pascal has...

1. Added support for .png images
2. Added a new option (Auto Zoom Tour Show Speed) that controls how fast the image is revealed in AutoZoom Tour mode.

Help file updated.

[Adendum]

v1.0.0.8 released

Pascal has tweaked the jQuery to improve a couple of things.

[ColinM]

Paul and Pascal - LOVE IT!! Very well done!

[ColinM]

Indeed he has Pascal!