Image avec des liens

Question

Salem ALikoum
Voila mon problème
J&#8217;ai une application en C# ce que je veux savoir comment convertir une image simple en image avec plusieurs lien je m&#8217;explique
Supposons, j&#8217;ai une image je veux que si l&#8217;utilisateur passe sur une zone précise (et de préférable lorsque il passe avec la sourit il ya un effet par exemple (la partie de l&#8217;image s&#8217;agrandi ou quelque chose pareil)) et en cliquant au dessus on appel un événement  
Voila merci d&#8217;avance bonne journée

Moomoon07 · Answer

Salut !

Tu veux que des actions distinctes soient réalisées selon sur quelle zone de l'image l'utilisateur passe sa souris ?
Dans ce cas j'ai peur que tu sois obligé de surcharger l'évènement "OnMouseOver" de ta classe image ... 
Corrigez moi si je me trompe.

cs_ba3wech · Answer

Salut!
Enfaite avec ce truc je veux changer les simples boutons (question pour attirez l'utilisateur) au lieu d'utiliser des simples boutons je veux maitre une image (généralement qui contient des différentes zone cliquable) qui peut nous ramener vers des liens dans l'application
Voila un petit exemple

Si l&#8217;utilisateur par exemple  passe le souris au dessus de l&#8217;homme par exemple (on peut ajouter un simple petit effet si on veut) mais le plus important que une fois on  clique sur l&#8217;homme (dans l&#8217;image)  cela nous ramène a une autre fenêtre ou ca ouvre quelque chose

Moomoon07 · Answer

Moi je mettrais plusieurs objets "bouton" avec la propriété visible = false.
Mais il doit surement exister une meilleure solution.

cs_ba3wech · Answer

Salem ALikoum
Oui c'est sur mais comment un objet de type"bouton" peut prendre la forme d'une sercle ou une forme quelconque
je n'ai pas vraiment besoin des effets mais les plus important c'est le bouton prendre la frome de ce que je veux

Moomoon07 · Answer

et bien je ne sais pas ...

Lutinore · Answer

Salut, si je comprends bien, tu veux cliquer sur différentes zones de la même images ? Dans ce cas il faut utiliser une COLOR MAP, c'est une image en PNG ( pas en JPG ) de la même taille que l'originale mais non affichée et chaque zone cliquable est remplacée par une couleur unique. Il suffit de comparer la position du clique sur l'image originale avec la couleur unique sur la color map pour connaître la zone cliquée.

exemple: Tapez le texte de l'url ici.

cs_ba3wech · Answer

Salut 
Oui c'est vraiment ca 
c'est simple a dire mais comment vraiment faire pour implémenter une solution pareil?

Lutinore · Answer

Tu récupères les coordonnées du clique sur l'image avec l'évènement MouseClick de la forme par exemple et tu fais un GetPixel sur la color map.

cs_casy · Answer

Ya quand même plus simple.

Mettre des boutons par dessus l'image aux endroit ou tu dois cliquer.
Mettre en image de background de ces boutons la partie de la grande image qu'ils recouvrent et que tu aura découper dans celle-ci.
Positionner et dimensionner précisément les boutons pour que les 2 images s'ajustent parfaitement
Ensuite en jouant sur les diverse propriétés du bouton, propriétés de style et bordure notamment, on arrive à rendre le bouton parfaitement invisible sauf lorsque la souris y passe dessus (ce qui indique d'ailleurs que c'est un bouton)


[i][b]---- Sevyc64  (alias Casy) ----
[hr]# LE PARTAGE EST NOTRE FORCE #/b/i

cs_ba3wech · Answer

j'ai trouvé deux solutions
la première c'est de faire plusieurs images
une image principale lorsque la souris est sur une position normal
la 2emme image si la souris passe sur un bouton(par exemple le mec dans la photo) et a l'aide du photoshop je peux faire des modification sur le conteur de l'image pour faire de sorte que c'est un bouton 
c'est un peu stupide mais bon
la 2emme solution c'est faire une animation flash et la mettre en backgroud et gérer les évènements des cliques mais la où réside les difficultés

Lutinore · Answer

Casy > Un bricolage de boutons plus simple qu'une color map, non je ne pense pas.. encore moins si les zones cliquables ont une forme biscornue.

ba3wech > Tu n'as pas 2 solutions, mais au moins 3 puisque je t'ai expliqué le principe de la color map. ça s'écrit en 10 lignes de codes, c'est hyper simple, c'est utilisé dans un tas d'applications multimedia, sur le web et dans les jeux. Insérer du Flash pour ce genre de chose c'est n'importe quoi !

Tu peux télécharger l'exemple qui fait 10 lignes de code ici :
http://www.easy-share.com/1909026763/ColorMap.zip

cs_ba3wech · Answer

un grand merci pour toi Lutinore je vais essayer
mais pour le flash non seulement pour les boutons mais aussi pour quelque effet et quelque truc multimédia

cs_ba3wech · Answer

et dit moi pour le fichier map il y'a une façon automatique pour gérer ca ou il faut le faire manuellement?
si j'ai bien compris
je prends ma photo (qui doit être .png) puis je genere un fichier map(je ne sais pas comment) mais il doit contenir des zones de couleur(rouge,jaune,etc) et puis a l'aide du VS tout va bien
et merci encore une fois

Lutinore · Answer

Le format de l'image originale n'est pas important, c'est la MAP qui doit absolument être en PNG ou du moins dans un format sans perte de données. J'ai fait la MAP avec Paint, ce n'est pas automatique.

Image avec des liens

14 réponses

Votre réponse

Discussions similaires