Images qui changent pour en montrer une autre lorsquevotre curseur est positionné dessus sont appelés images survolées. Ils sont un excellent moyen de présenter des produits ou de rendre le contenu plus interactif pour les visiteurs. Ces images sont également largement utilisées dans les e-mails marketing, où elles sont peut-être moins les bienvenues. Les images sont créées avec CSS et HTML, mais si vous cherchez une méthode simple basée sur l'interface utilisateur pour les créer, Outil de survol de FreshInbox C'est ce dont vous avez besoin.
Avant de commencer, assurez-vous d'avoir les deuxles images que vous souhaitez inclure dans l'image de survol. Des deux images, l'une apparaîtra lorsque le curseur n'est pas positionné dessus, tandis que l'autre apparaîtra lorsque le curseur se déplacera sur l'image. Vos images peuvent être au format PNG ou JPG. Téléchargez-les sur un lecteur cloud ou un service de partage d'images comme Imgur, puis dirigez-vous vers l'outil de survol de FreshInbox.
Dans l'URL de l'image principale, entrez l'URL duimage qui devrait apparaître lorsque le curseur de la souris n'est pas positionné sur l'image. Spécifiez la largeur et la hauteur de l'image et, dans l'URL de l'image alternative, entrez l'URL de l'image qui apparaîtra lorsque le curseur sera positionné dessus.
Ensuite, saisissez une URL de redirection dans la case "Lien". Si un utilisateur clique sur votre image de survol, il sera redirigé vers l'URL que vous entrez ici. Saisissez le texte ALT et cliquez sur «Générer. Vous verrez un aperçu de l'image sur la droite et obtenez des codes pour ajouter l'image à votre site Web ou à votre courrier électronique.
Si vous souhaitez que l'image soit réactive, activezl'option "Mettre l’image à la largeur du conteneur", mais uniquement si vous savez comment utiliser les conteneurs. Laissez l'option décochée pour une image de survol normale. Pour l'insérer dans un e-mail ou une page Web, copiez le code et collez-le dans la balise à laquelle il est destiné, à savoir Titre de l'e-mail et Corps de la page Web. C'est tout ce qu'il faut pour créer une image de survol.
Visitez l'outil de survol de FreshInbox
commentaires