Créer et insérer une animation GIF avec Loogix.com

Le site Loogix.com vous aide à produire en ligne une animation simple pour l'insérer dans votre blog hautETfort.
Cette solution pour insérer un GIF animé s'ajoute à la note "Insérer une image transparente, animée, voire les deux. : Gee Mee"

** = niveau assez facile, nécessite de copier/coller un peu de code HTML

1. Affichez le site http://www.loogix.com/
2. Cliquez sur la taille de l'animation: Size
3. Cliquez sur la vitesse de l'animation: Speed
4. Désignez la première image de l'animation:
   1. Cliquez sur le bouton Parcourir
   2. Double-cliquez sur un fichier image (GIF/PNG/JPG)
5. Désignez la seconde image de la même façon. Deux images sont indispensables pour produire l'animation.
6. Désignez la troisième image.
7. Au besoin, ajoutez une image dans l'animation: cliquez sur Add one more picture et désignez l'image suivante.
   
8. Cliquez sur Generate Animation pour produire l'image animée.

• La colonne droite du cadre orange affiche l'animation GIF. Vous pouvez enregistrer l'image, lui appliquer un effet ou corriger l'animation.
• La colonne gauche affiche l'adresse URL et l'Embed code qui servent à insérer l'animation dans une page Web.
  Pour insérer l'animation depuis l'Embed code, cliquez sur le bouton Copy

1. Dans l'Editeur hautEtfort, affichez la note où vous allez insérer l'animation.
2. Cliquez sur HTML dans la barre d'outils.
3. Dans le code HTML, faites un clic droit à l'endroit où vous voulez insérer l'animation.
4. Dans le menu déroulant, cliquez sur la commande Coller pour insérer l'Embed code correspondant à l'animation.
5. En bas de l'Editeur de la source HTML, cliquez sur le bouton Mettre à jour

De gauche à droite: Image1, Image2, Image3 chargées dans Loogix.com

Animation GIF obtenue insérée depuis le code fourni par Loogix.com

<a href="http://www.loogix.com/"><img src="http://www.loogix.com/img/res/1/2/4/5/2/3/12452390171089223.gif" alt="Loogix.com. Animated avatars." /></a>

Je sais qu'il faut posséder quelques bases pour manipuler le code HTML, il s'agit d'une alternative pour insérer un gif animé. Alors autant varier les plaisirs :)

Pour insérer l'animation depuis l'URL, suivez les instructions "Comment insérer une image transparente et ou animée : Gee Mee"