Nous allons voir dans ce chapitre les différentes solutions pour appliquer sur votre site Web,  un effet de zoom sur vos images. Il existe plusieurs applications (Highslide, Facebox, Lightview, Thickbox, Multibox...) que je vais présenter dans ce cours. Vous pourrez ainsi tester ces applications lors de votre conception de site Web. Les exemples qui vont suivre sont les plus connus du Web. La plupart des technologies présentées possèdent les mêmes possibilités donc le choix sera fera en fonction de votre design, de la librairie javascript que vous aurez choisie et surtout le poids de votre application.

Highslide, ThickBox, LightView, FaceBox, MultiBox

Vous avez déjà entendu parlé de zoom d'images pour augmenter l'aspect visuel de votre site, la présentation de vos images, vos liens ou vos vidéos?

Le principe est simple d'un point de vue 'spectateur', lorsque vous cliquez sur une image, une box est créée mettant en valeur l'image sur un fondu transparent.

C'est le même principe que j'ai utilisé sur Tutolight lorsque je mets en place un zoom image avec la technologie ThickBox.

Attention : Eviter de choisir plusieurs technologies pour un même site afin d’échapper à tout problème d’incompatibilité Javascript, sait-on jamais.

Highslide est une application Javascript qui vous créera des effets pour vos images, galeries photos ainsi que du contenu HTML ou Ajax et Flash. Très complet et vous procure des effets intéressants.

Thickbox est pour ma part le plus simple à utiliser avec Jquery. Très classique dans le système de zoom d’images et de contenus.

C’est ce que j’utilise pour le site :

Lightview donne beaucoup de possibilités aussi sur le rendu pour les images, les diaporamas mais aussi pour des applications flash et vidéos. Cette application est basé sur les librairies Prototype et Scriptaculous.

Facebox est utilisé cette fois-ci avec JQuery, très simple a utiliser mais pas le meilleur à mon goût. C’est assez limité mais fournit un effet similaire à Facebook.

MultiBox basé sur la librairie Mootools. Beaucoup de possibilités et beaucoup d’options sont mises à disposition pour personnaliser les effets et rendus. Ces derniers pourront être utilisé avec du contenu HTML, Ajax, flash, vidéos au format WMV, MOV, FLV, REAL ainsi que de l’audio au format MP3.

Voila pour le chapitre, testez-en quelques uns pour vous faire une idée et ainsi les adopter à votre tour. Chaque application citée sur les sites respectifs vous distribue une documentation ainsi que des exemples concrets.