Tutoriel réalisé par Danamel avec jAlbum version 8.09 - Edité le 24/08/2008
Traduction d'un article du blog de jalbum.net
Pour voir la version imprimable faites -> Fichier -> Aperçu avant impression
Pour imprimer cliquez ci-contre
Avant de créer un album de panoramas, il faut bien sûr les réaliser.
Pour cela il existe un petit logiciel gratuit qui est une petite merveille. Il s'agit de Autostitch.
Vous pouvez aller voir le tutoriel
Faire des panoramas avec Autostitch
où vous trouverez le lien pour le télécharger ainsi que des conseils pour exécuter des panoramas.
Les panoramas vont souvent jusqu'à un ratio de 10:1 de rapport longueur/largeur, et étant donné que la plupart des personnes regardent ces derniers sur des moniteurs d'ordinateur en format paysage, la première restriction est la taille de la hauteur d'image.
Aujourd'hui, la majorité des écrans utilisés ont une résolution de 1024x768 ou plus.
Généralement, un utilisateur ne s'occupe du défilement que dans une direction, ainsi les panoramas qui sont aussi hauts que le moniteur mais extrêmement plus longs, peuvent être regardés relativement facilement.
Cela exige donc 1-colonne et un choix judicieux des limites de l'image pour les vignettes et les images.
Ainsi, pour de vraies images panoramiques :
Cette méthode est applicable à tous les panoramas, mais est surtout adaptée aux panoramas de grands ratios (supérieur à 3:1).
Cette méthode est applicable à tous les panoramas ayant un ratio inférieur à 3:1
Elle permet d'avoir des images de hauteur fixe et n'oblige pas le visiteur à effectuer un défilement.
Le principe est le même que pour la méthode 1, seuls les réglages des paramètres diffèrent.
Contrairement à la méthode 1, le ratio étant plus petit, il permet de présenter l'index classique.
Réalisez l'album avec les paramètres indiqués. Vous obtenez un album sans image dia.
Les vignettes - Méthode simple sans image dia
Comme les dimensions des vignettes ne sont pas standard, jAlbum n'utilise pas l'image dia.gif du dossier "res" qui fait 150x150 px. A la place, il met une couleur de fond autour de la vignettes.
Si vous désirez adapter le design des autres albums il faut remplacer l'image dia.gif par une image que vous aurez créé avec votre logiciel de retouche préféré.
Avec les dimensions données dans l'exemple (150x90 px) il faut réaliser une image de 330x150px.
Pour arriver à ce résultat, il faut procéder de cette façon :
Maintenant il faut modifier les fichiers index.html. Leur nombre dépend du nombre de panoramas et du nombre de vignettes affichées sur une page.
Pour chaque vignette vous retrouver ce code. Attention de respecter la balise <tr> en gras rouge qui indique le début d'une ligne de vignettes.
Sinon vous n'aurez plus la présentation d'origine.
Vous remplacez la partie en rouge du code ci-dessus par la partie en vert du code ci-dessous.
Si vous travaillez avec Notepad++ l'opération est simple.
Vous ouvrez en même temps tous vos fichiers index.html. Vous faites Recherche ->Remplacer et dans la case 'Recherche' par un 'Copier/Coller' vous mettez la partie rouge du code et dans la case 'Remplacer par' vous coller la partie en vert du code. Vous n'avez plus qu'a cliquer sur 'Remplacer tout dans les documents ouverts' et Notepad++ vous modifie tous vos codes en une seule opération.
ET VOILA LE RESULTAT
C'est plus "sympa", non ?
Les vignettes - Méthode complexe avec image dia
Les exemples de ce tutoriel sont réalisés avec le skin "Chameleon".
Les albums de panoramas peuvent être réalisés avec d'autres skins, mais pas tous.
A vous d'effectuer des essais avec le skin de votre choix en fonction de vos gouts et du style de vos albums.
Vous pouvez voir des exemples, mais réalisés avec le skin PhotoBlogger de mes PANORAMAS