Guide d'intégration
Le skin Turtle est fait pour remplir la fenêtre du navigateur, donc l'expérience utilisateur est souvent dégradée lorsque vous essayez d'introduire l'album dans une petite fenêtre sur une autre page Web. Cependant avec un peu de prévoyance, vous pouvez faire un album Turtle utilisable, même incorporé.
- Tout d'abord, assurez-vous de créer l'album plus étroit que la fenêtre d'intégration pour éviter le défilement horizontal. Aller à Paramètres / Turtle / Image En-tête / Taille de l'image d'en-tête est régler la largeur de l'image plus étroite de 48 pixels (au moins) que la largeur disponible. Par exemple quand la largeur disponible est de 660px, vous devez utiliser 610px comme largeur de l'image d'En-tête. La hauteur pourrait également être plus petite, parce que lorsque vous incorporez une page, l'espace vertical est toujours rare. Ici par exemple, j'ai utilisé 610x200 pour la taille de l'image d'En-tête.
- Ensuite pour que les images soient aussi optimizées pour la taille du cadre, aller à l'onglet Paramètres / Images, et faire les limites de l'image un peu plus petite que la fenêtre. Dans ce cas, j'ai mis les limites de l'image à 6000×440 pour activer l'image panoramique, mais s'il n'y a pas de telles images vous pouvez utiliser en toute sécurité 640 × 480 pour la fenêtre de 660x500px. Une fois que vous êtes là vous pourriez vouloir aussi faire les vignettes un peu plus petites – afin qu'elles soient mieux adaptées avec le design plus petit. J'ai utilisé des vignettes de taile 140x100px dans ce cas. J'ai aussi enlevé la bordure des images pour économiser de l'espace.
- Une autre chose que vous pourriez envisager est la fonction de défilement personnalisé. En utilisant la fonction de défilement personnalisé seule la zone des vignettes défile, tandis que l'image d'En-tête reste en place. Toutefois, cela pourrait rendre plus difficile le défilement sur les appareils tactiles, principalement lorsque la page parente est elle-même défilante. Vous devez tester quelle solution fonctionne le mieux pour vous, et désactivez Utiliser barres de défilement personnalisée dans l'onglet Paramètres / Turtle / Formatage si nécessaire.
- Lorsque l'aperçu local semble bien, Téléchargez l'album à votre (ou jAlbum) serveur, et une fois que c'est prêt, vous serez en mesure de générer le code d'intégration. Passez en mode Partager et renseignez les champs largeur et hauteur de l'album. Le code copié peut ensuite être inséré dans votre blog ou directement dans le code HTML de la page dans laquelle vous souhaitez inclure l'album.
Astuce : si vous voulez vous assurer que la taille d'intégration est très bien – aucun défilement horizontal ne s'affiche -, dans Chrome appuyez sur F12, et redimensionner la fenêtre du navigateur à la bonne dimension – vous pourrez voir la taille de la fenêtre réelle dans le coin supérieur droit.