Rechercher : dans
Par :

Zone cliquable sur des images avec transparen

Dernière réponse le 13 fév 2009 à 21:57:32 Overstyle, le 17 aoû 2008 à 21:53:22 
 Signaler ce message aux modérateurs

Bonjour à tous,

J'aimerais savoir s'il est possible, et si oui comment faire pour que la zone cliquable d'une image ne prenne pas en compte la transparence de cette dernière?

Ce sont des images en png-8, ce n'est pas un problème d'affichage car la dessus la transparence est bien prise en compte.

PS: je dois à tout prix éviter les area shape car ces zones cliquables changeront de couleur Roll Over (javascript)

J'espère que quelqu'un à saisi ce que je veux dire

merci d'avance

Configuration: Windows Vista
Firefox 2.0.0.16

Meilleures réponses pour « zone cliquable sur des images avec transparen » dans :
Logiciels de Cryptographie et Stéganographie Voir1. Cryptographie 1.1 Cryptozor 1.2 Krypto Zone 1.3 TrueCrypt 1.4 FlashCrypt 1.5 Autres logiciels 2. Stéganographie 2.1 JPEGX 2.2 Autres logiciels 1. Cryptographie Pour bien comprendre le principe de la cryptographie, je vous...
Une popup d'information au survol sans Javascript ni CSS VoirParfois, il peut être utile d'afficher des informations supplémentaire au survol du curseur sur une zone de l'écran, par exemple "Cliquez pour agrandir" sur une image, un descriptif sur une abbréviation ou des détails sur un lien. On trouve...
[Word] Image de fond VoirIl est possible sous Microsoft Word d'afficher une image en arrière-plan dans un document en cliquant sur le menu Format, puis sur Arrière-Plan et enfin sur Motifs et textures. Dans l'onglet Image, cliquer sur le bouton "Sélectionner une image"....
Télécharger Some PDF Image Extract VoirLes documents PDF peuvent comporter du texte, des graphes, des tableaux mais aussi des images. Étant donné qu'il n'est pas possible d'en modifier le contenu, il en est de même pour l'extraction d'une image du contenu du document. Some PDF Image...
PHP - Génération d'images VoirPrérequis PHP permet de créer des images au format GIF à l'aide d'une librairie de fonctions prévue à cet effet. La librairie permettant de créer et manipuler des fichiers graphiques se nomme GD, ainsi, pour pouvoir utiliser ces fonctions il faut...
Les filtres graphiques VoirFiltrage Le filtrage consiste à appliquer une transformation (appelée filtre) à tout ou partie d'une image numérique en appliquant un opérateur. On distingue généralement les types de filtres suivants : les filtres passe-bas, consistant à atténuer...

1

Groarh, le 18 aoû 2008 à 12:09:49
  • +2

En html et xhtml, une image est rectangulaire, et le seul moyen de changer cette forme est d'utiliser les areas.
Dans ton cas, tu dois en conclure que l'objet image ne te sauvera pas. => Il faut utiliser un objet flash !

Reprends tes PNG et intègre-les dans flash en suivant la procédure habituelle pour faire des boutons. Pour l'état "over", tu mets une autre image qui aura la même forme mais pas la même couleur, en la calant bien par-dessus la première.
Simple ! Et même pas besoin de javascript.

Répondre à Groarh

2

MaitreDragon, le 10 fév 2009 à 14:38:20

Salut,

Groarh> est ce que je pourrais avoir la solution en javascript stp ? Dans mon cas, je ne peux pas utiliser du flash.

Merci

Répondre à MaitreDragon

3

Groarh, le 13 fév 2009 à 15:23:47

Hello,

il y a moyen de faire ça en JavaScript, mais la méthode est peu élégante. L'idée est de relever les coordonnées de la souris à chaque clic sur l'image, et de ne rien faire si ça correspond à une zone transparente. Ca risque de rendre le code très lourd, surtout si l'image est complexe ...

Si tu es sûr de vouloir faire ça, montre-moi ton image et j'essayerai de te faire un script le plus compact possible. (L'idéal serait de pouvoir décrire les contours des zones transparentes avec des fonctions mathématiques assez simples. En gros on refait "à la main" les routines de traitement du flash ... sauf que comme c'est interprété à la volée, ce sera beaucoup plus lent ...)

J'attends ta réponse. ;)

Répondre à Groarh

4

 MaitreDragon, le 13 fév 2009 à 21:57:32

Ah d'accord :s

Je ne vais pas t'embeter a faire ce que tu a proposé comme solution, car elle n'ira pas non plus ^^'

Le truc, c'est qu'il y a plusieurs images superposées et que si c'est une zone transparente pour l'une des images, ca ne sera pas une zone transparente pour une autre image se trouvant en dessous.

Répondre à MaitreDragon