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
- Affichez le site http://www.loogix.com/
Cliquez sur la taille de l'animation: Size
Cliquez sur la vitesse de l'animation: Speed
- Désignez la première image de l'animation:
- Cliquez sur le bouton Parcourir
- Double-cliquez sur un fichier image (GIF/PNG/JPG)
- Désignez la seconde image de la même façon. Deux images sont indispensables pour produire l'animation.
- Désignez la troisième image.
- Au besoin, ajoutez une image dans l'animation: cliquez sur Add one more picture et désignez l'image suivante.
- 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
- Dans l'Editeur hautEtfort, affichez la note où vous allez insérer l'animation.
- Cliquez sur HTML dans la barre d'outils.
- Dans le code HTML, faites un clic droit à l'endroit où vous voulez insérer l'animation.
- Dans le menu déroulant, cliquez sur la commande Coller pour insérer l'Embed code correspondant à l'animation.
- 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"