Accueil - Liens utiles - image mapping et texte sur une image ou infobulle

Partagez avec vos amis ... :)

image mapping et texte sur une image ou infobulle

On peut placer très facilement des textes, infobulles ou autres sur différentes parties d'une image à l'aide du système de mapping d'image.

Plusieurs possibilités s'offrent à vous, avec la CSS, avec du JavaScript ou autre, le plus simple restant le mapping d'une image qui vous permettra soit de créer des zones cliquables, soit d'y afficher des infobulles, soit ... les deux.

Si vous avez des difficultés pour y arriver, deux posts en ligne sont à découvrir avec de nombreux exemples:

commençamarche et encore un autre sur commençamarche

quelques résultats en ligne sur RAD ZONE et autre photo de famille

Des utilitaires existent également sur le NET pour vous permettre d'y parvenir seul :

Image Mapper ( http://www.isdntek.com/tagbot/imap.htm  )

Image Map Tool ( http://www.image-maps.com/  )

très bons outils en ligne qui vous rendrons bien service pour vous exercer ...

La question des infobulles peut ensuite être améliorée, soit avec la css ( superbe article de référence à voir : http://peutetreunereponse.over-blog.com/article-6614978.html ), soit avec l'ajout de 'class', 'tooltip' ou autres ajouts basés cette fois sur JavaScript dont je vous invite à voir les résultats sur la page d'accueil du site www.unesourisetmoi.info, sur laquelle vous pourrez non seulement visualiser une petite image mappée, avec des infobulles personnalisés, mais également le "presque" même système sur des images ou des liens textes avec des effets visuels plus sophistiqués.

Si vous avez d'autres liens utiles, si vous avez des commentaires à faire sur ce sujet, je ne dirai pas 'mettez-les', mais IL EST OBLIGATOIRE DE LES AJOUTER ! cela servira à tous ... :-)  Il suffit de poster ci-dessous, merci


Tous les articles de blog, ainsi que leur contenu, comme indiqué en page index du site principal, sont mis à disposition sous les termes de la licence Creative Commons. Vous pouvez le copier, distribuer et modifier tant que cette note apparaît clairement. " source: longuetraine.fr - Paternité - Pas d'Utilisation Commerciale - Partage des Conditions Initiales à l'Identique 3.0 France ", ainsi qu'un lien vers la source .

Écrire un commentaire

Quelle est la dernière lettre du mot ueg5p ?

Pour laisser un petit avis au passage, nul besoin d'avoir un site ou une adresse Internet, juste se donner un 'pseudo' ...
Les commentaires sont en 'dofollow', mais modérés à priori. Ils ne seront publiés qu'après vérification de votre message.
Si vous pensez ou désirez obtenir un backlink, votre commentaire doit être construit de manière cohérente, rédigé correctement ET avoir un minimum de contenu et de pertinence.