CoffeeCup Image Mapper vous permet de spécifier plusieurs liens (ou hotspots) vers des emplacements spécifiques d’une image et de les pointer vers un document ou un site Web. Créez du texte mouseover, du texte ALT, des liens et plus encore. Prend en charge les formats d’images JPG, PNG et GIF ! Alors, comment cela fonctionne-t-il? Disons que vous vendez des meubles avec plusieurs pièces à gagner. Mettez en valeur les éléments dans une image. Ensuite, à l’aide des outils de conception, dessinez un aperçu d’un élément spécifique et assignez-lui une adresse de site Web. Maintenant, quand quelqu’un clique sur un meuble, ils sont redirigés vers la page Web qui lui est associée pour plus d’informations. Appliquez la même technique à d’autres types d’images comme maps, photos d’équipe d’entreprise, débitcharts, galeries d’art et plus encore. Plutôt génial, non ? :) Les cartes d’images réactives sont conviviales pour les utilisateurs mobiles Avec plus de 51% du trafic provenant d’appareils mobiles, il est important que vous miez à jour vos cartes d’images pour être réactif. Cela les rend plus faciles, plus rapides et plus fonctionnels à naviguer pour les téléspectateurs sur de plus petits écrans. Les cartes d’image qui sont réactives ajusteront les coordonnées de liaison de manière appropriée en fonction de la largeur de l’affichage. Cependant, une chose à garder à l’esprit est que les appareils mobiles ne permettent pas de mouseovers ou tooltips sur hover / mouseover. Pour cette raison, vous aurez besoin de réfléchir de façon créative comment votre carte d’image fonctionne afin que les utilisateurs savent instinctivement comment l’utiliser. Comment peux-tu faire ça ? Facile. Rendez votre carte d’image plus fonctionnelle sur les appareils mobiles en affichant un "Key" o"Legend" près de la carte (ou même l’ajouter à l’image elle-même) qui indique textuellement ce qu’ils peuvent toucher. Par exemple, voici le catalogue de meubles qui présente certains meubles à vendre dans le catalogue. Nous avons placé du texte sous l’image pour décrire les 8 éléments. Un indicateur supplémentaire a également été appliqué à l’image source. Ces aides aident les téléspectateurs mobiles à savoir ce qui est touchable. En touchant l’un de ces éléments, vous serez redirigé vers une page avec laquelle vous pouvez parcourir le catalogue pour des éléments similaires.
Détails du programme
- Catégorie: Développement Web > Outils HTML
- Éditeur: CoffeeCup Software
- Licence: Essai gratuit
- Prix: $14.00
- Version: 5.0
- Plate-forme: windows