Webmaster - Afficher une image de grande taille

Pour la plupart des internautes, afficher une image de grande taille dans une page web est trop lourd.

Zoomify est un petit programme Flash qui permet de rendre une image zoomable et navigable, et chargeant l'image par morceau selon le besoins.
Exemples
C'est la version gratuite de Zoomify qui a permis de créer les 2 images navigable ci-dessus.
Vous pouvez la télécharger pour Windows et Macintosh et créer gratuitement (et sans royalties) vos propres images zoomables.
Mise en place:

1)Lancez Zoomify et sélectionnez l'image à traiter.
Attendez la fin du traitement (qui peut être assez long).

2)Cela va créer un dossier contenant un fichier ImageProperties.xml ainsi que un ou plusieurs sous répertoires (TileGroup...)

3)Copiez zoomifyViewer.swf dans le même répertoire que ImageProperties.xml

4)Prenez le fichier Template.htm fourni, copiez-le dans le même répertoire que ImageProperties.xml et renommez-le en index.html

5) Editez le fichier index.html et remplacez: zoomifyImagePath=
par: zoomifyImagePath=.
(2 fois dans le document).

6)Ouvrez le fichier index.html avec votre navigateur pour tester.

C'est bon !
Vous n'avez plus qu'à envoyer tout ces fichiers (ainsi que les sous-répertoires) sur votre site web.

Notez que vous pouvez ajuster des paramètres:
<OBJECT ... WIDTH="750" HEIGHT="450">
et <EMBED ...WIDTH="750" HEIGHT="450">
pour changer la taille d'affichage.

Ou encore ajouter BGCOLOR=#000000 dans les 2 balises ci-dessus pour avoir un fond noir.
Je vous recommande, quand c'est possible, de permettre quand même aux internautes de télécharger l'image complète en un seul fichier (certains internautes préfèrent pouvoir consulter l'image hors-ligne avec leurs propres logiciels).
Zoomify est particulièrement utile pour les documents scannés.
Publié par sebsauvage - Dernière mise à jour le 31 octobre 2009 à 16:11 par marlalapocket
Ce document intitulé « Webmaster - Afficher une image de grande taille » issu de CommentCaMarche (www.commentcamarche.net) est mis à disposition sous les termes de la licence Creative Commons. Vous pouvez copier, modifier des copies de cette page, dans les conditions fixées par la licence, tant que cette note apparaît clairement.
Dossier à la une
5 extensions si vous voulez revenir à l'ancien Facebook
Webmaster - Empêcher la copie de mes images (et autres)
Webmaster - Voir à quoi ressemble votre site ailleurs