startSection('doctype'); ?> endSection();?> startSection('head');?> endSection(); $templ->startSection('content'); ?>

Cloud Zoom

Cloud Zoom is a free jQuery image zoom plugin, a comparable alternative to products such as Magic Zoom. Compared to the popular jQZoom plugin, Cloud Zoom is smaller, has more features and more robust compatability across browsers.

Also try these zoom plugins...

They work brilliantly with touch-enabled devices like iPad, and come with technical support.

Jet Zoom - Fast magnifier zoom.

Jet Zoom. Fast jQuery magnifier zoom.

Star Zoom - variable super-hi res zoom.

Star Zoom. Variable super hi-res jQuery zoom.

Some sites using Cloud Zoom

Cloud Zoom is used on many websites including various high-profile retail sites. (If you've previously sent me a link and it's not here, please send me an email).

Standard Settings With Gallery

Thumbnail 1 Thumbnail 2 Thumbnail 3

Hover over the large image to see the zoom working.

These are the 'out of the box' settings, with the big image appearing to the right of the small image.

The appearance of the smaller image, lens and zoom window can be altered with regular CSS.

Features

Tints

Add a tint of any colour (including black or white) to the small image. The intensity of tint is fully customisable, shown here in red at 50%.

In this example, the movement smoothness is set to a higher value for a gentle drifting effect.

Inner Zoom

Zoom position can be inside the smaller image, useful if you would rather not obscure any other content.

Soft Focus

Apply a subtle soft-focus effect to the small image.

In this example, the zoom window position is specified as a div target which can be positioned anywhere. The movement smoothness is set to a lower value for a snappier feel.

blog comments powered by Disqus
endSection(); $templ->startSection('sidebar'); ?>

Drupal Users

Nick Thompson has kindly provided this Drupal module.

endSection(); require_once('page2.template.php'); echo $templ->renderSection('main'); ?>