Anim
La commande (diaise)anim
P.s. : dans l'explication le caractère # est remplacé par (diaise) afin d'éviter de générer le code, lorsque vous utlisez le code pour la commande remplacez le (diaise) par le caractère #
Explications générales: - La commande (diaise)anim permet d'appeler un diaporama qui fera défiler les images les unes après les autres avec un effet spécifique associé à son nom. - Avec cette commande vous déterminez la taille de votre diaporama et vous pouvez en placer plusieurs différents sur une même page. - A chaque image, vous pouvez associer un lien vers une url dans une nouvelle fenêtre ou pas. - Avant l'apparition de l'animation des images il y a une animation de chargement. En effet il est nécessaire de charger les images avant de pouvoir créer les effets. Par conséquent plus vous intégrerez d'images dans votre diaporama et plus il mettra de temps à se charger. - En fonction de la largeur que vous attribuerez à l'animation celle ci ira récupérer automatiquement les tailles d'images correspondantes dans les dossier de tailles. Par conséquent plus votre taille d'animation est grande et plus les images chargées sont lourdes et prendront du temps à se charger.
Ajout à l'explicatif concernant les tailles d'animations : En fonction de la largeur que vous attribuerez à l'animation celle ci ira récupérer automatiquement les tailles d'images correspondantes dans les dossier de tailles. Ces dossiers dont les noms respectifs correspondent à la largeur des image sont : 150, 295, 400, 500, 600, 678, 800, 1024. Nous vous conseillons d'utiliser des largeurs d'animations correspondants aux largeurs de vos images : 150, 295, 400, 500, 600, 678, 800, 1024. Cela dit si vous utilisez une largeur intermédiare, les images utilisées seront de largeur immédiatement supérieure. Exemple si la largeur de votre diaporama est de 350, les images récupérées seront de 400 pixels de largeur. Ces images ne seront pas diminuées en taille mais seront centrées dans l'animation.
Ecriture de la commande pour afficher trois images :
(diaise)anim:nom_effet:largeurxhauteur:nom_image1.jpg+nom_image2.jpg+nom_image3.jpg(diaise)
Explications de l'ecriture :
Les caractères en rouge tels que (diaise)anim : x + ; (diaise) sont invariables
Les (diaise)anim: et (diaise) sont toujours situés au début et à la fin de la commande, ils encadrent la commande (obligatoires) Les : servent à séparer le nom de la commande du nom de l'effet choisi ainsi que de la taille de l'animation choisie (obligatoires) Le + est le caratère de séparation entre chaque nom d'image (obligatoire si plus d'une image)
Lorsque vous écrivez votre commande voici les termes que vous pouvez modifier :
nom_effet : correspond au nom ou numéro de l'effet désiré expl : 01 , 02 , 03 etc largeur : correspond à la largeur de votre diaporama en pixel hauteur : hauteur de votre diaporama en pixels nom_image1.jpg : est le nom de la première image que vous souhaitez faire apparaître (n'oubliez pas le .jpg) nom_image2.jpg : nom de la seconde image etc
Pour ajouter une image: il vous suffit d'ajouter +nom_image4.jpg après la dernière image tel que : (diaise)anim:nom_effet:largeurxhauteur:nom_image1.jpg+nom_image2.jpg+nom_image3.jpg+nom_image4.jpg(diaise)
EXEMPLE
Voici un exemple d'ecriture de commande d'animation pour afficher trois images dont les noms sont 01.jpg, 02.jpg et 03.jpg avec l'effet 01 et pour une taille de 400 pixels de large et 300 pixels de hauteur : (ps : remplacer les (diaise) par # pour utiliser)
(diaise)anim:alpha01:400x300:01.jpg+02.jpg+03.jpg(diaise)
Résultat :
Ecriture de la commande pour afficher des images avec des liens :
Comme nous l'avons vu plus haut il n'est pas obligatoire d'ajouter des liens pour que l'animation fonctionne, mais vous avez la possibilité de spécifier pour chaque image : - si vous voulez un lien ou non sur l'image - si vous voulez que ce lien s'ouvre dans une nouvelle fenêtre - si vous voulez spécifier les dimensions de cette nouvelle fenêtre
Rappel de l'ecriture de la commande sans lien : (diaise)anim:nom_effet:largeurxhauteur:nom_image1.jpg+nom_image2.jpg+nom_image3.jpg(diaise)
Ecriture de la commande pour créer un lien vers le site http://www.nomdomaine.com sur l'image n°2
(diaise)anim:nom_effet:largeurxhauteur: nom_image1.jpg+nom_image2.jpg;nomdomaine.com+nom_image3.jpg(diaise)
Explication de l'écriture
Lorsque l'on souhaite ajouter un lien à une image, à la fin du nom de celle-ci on ajoute le ; suivit du lien désiré sans le "http://www."
Possibilités de liens :
1 - Aucun lien : il suffit de ne rien mettre comme pour les images n°1 et 3 de l'animation.Ne pas ajouter de "http://www".
2 - Lien simple comme : ;nomdomaine.com fera le lien dans la même fenêtre vers cette url
3 - Lien interne : ;site(num_de_la_page) fera le lien vers le n° de la page du site dans la même fenêtre. Expl : ;site(01x02) fera le lien vers la page 01x02 du site.
4 - Lien fenêtre : ;fenetre(nomdomaine.com) fera le lien vers nomdomaine.com dans une nouvelle fenêtre. Ne pas ajouter de "http://www".
5 - Lien fenêtre avec tailles : ;fenetre(nomdomaine.com,largeur,hauteur) fera le lien vers nomdomaine.com dans une nouvelle fenêtre avec une taille spécifiée en largeur et hauteur. Ne pas ajouter de "http://www". Expl : ;fenetre(portovecchio.net,600,400) affichera le site de "http://www.portovecchio.net" dans une nouvelle fenêtre de largeur 600 pixels et de hauteur 400 pixels.
EXEMPLE
Voici un exemple d'écriture de commande d'animation pour afficher une animation d'images : - avec l'effet alpha01 - pour une largeur de 350 et une hauteur de 200 pixels - l'image 01.jpg ayant un lien vers le site google.fr (pas de http:// www.) dans la même fenêtre - l'image 02.jpg ayant un lien vers la page 01 du site en cours (pas de http:// www.) dans la même fenêtre - l'image 03.jpg ayant un lien vers le site portovecchio.net (pas de http:// www.) dans une nouvelle fenêtre - l'image 04.jpg ayant un lien vers le site portovecchio.net (pas de http:// www.) dans une nouvelle fenêtre ayant une largeur de 600 et une hauteur de 400 pixels - l'image 05.jpg n'ayant aucun lien
(ps : remplacer les (diaise) par # pour utiliser)
(diaise)anim:alpha01:350x200:01.jpg;google.fr+02.jpg;site(01)+03.jpg;fenetre(portovecchio.net)+04.jpg;fenetre(portovecchio.net,600,400)+05.jpg(diaise)
Résultat :
|