Faire un bouton de la forme de l'image que je lui met dessus Fermé

Question

Bonjour, 

je voudrais savoir comment construire un bouton de la même forme que l'image que je lui met en background.
Par exemple, si j'ai une image d'un losange, je voudrais pouvoir créer un bouton en forme de losange avec mon image en fond (et donc, le curseur ne propose le click que quand je suis sur le losange).

Si quelqu'un connait une astuce ou une librairie pour faire cela ?

Merci d'avance.

Configuration: Windows 7 / Firefox 31.0

Danelectro · Answer

Salut,
Tu peux tout simplement mettre ton image en lien, ou bien si c'est dans un formulaire, mettre un onClick.
Et pour que le curseur soit une main : cursor: pointer;

Bird · Answer

Salut,

tout d'abord, merci pour ta réponse mais le problème avec ta solution est que le bouton aura une forme rectangulaire avec en background le losange si je reprend mon exemple. Or, je voudrais pouvoir créer un bouton de la forme de ce losange sans que le curseur me propose de cliquer alors que je ne suis pas sur l'image.

codeurh24 · Answer

il faut utiliser ce code html pour définir des points sur une zone map http://fr.openclassrooms.com/informatique/cours/images-mappees-et-liens-hypergraphiques

Bird · Answer

Ok, merci pour l'astuce. Je vais utiliser l'outil MapThis pour tester.

Faire un bouton de la forme de l'image que je lui met dessus

4 réponses

Discussions similaires