Bouton flash en HTML ?

Je ne sais pas alors désolé.
Les forum sont faits pour trouver des réponses mais les moteurs de recherche aussi.

Toujours rien =/
J'ai placé onmouseover="
dans la première balise img mais rien.

Je vais essayer, pour le moment avec mon dernier code il crée une seconde image sous la premiere, exactement identique, et quand je pose mon curseur sur la première image, l'effet voulu se passe sur la seconde...

Je dirais dans la balise img

http://www.khisland.info/dossiers-2-367-vetispheres.html

Alors là c'est trop fort j'en peux plus XD

le code :

<center>
<img src="http://khi4.info/Aqua/Vetisphere/icones/vetisphere 2.png" width="457" height="458" border="0" usemap="#map" /></a>

<map name="map">
<!-- #$-:Image map file created by GIMP Image Map plug-in -->
<!-- #$-:GIMP Image Map plug-in by Maurits Rijk -->
<!-- #$-:Please do not edit lines starting with "#$" -->
<!-- #$VERSION:2.3 -->
<!-- #$AUTHOR:stef -->
<area shape="circle" coords="268,41,41" href="http://www.khisland.info/dossiers-2-368-tireuse.html" onMouseOver="document.img_1.src='http://khi4.info/Aqua/Vetisphere/icones/veti tireuse.png';"
onMouseOut="document.img_1.src='http://khi4.info/Aqua/Vetisphere/icones/vetisphere 2.png';">
<img name="img_1" src="http://khi4.info/Aqua/Vetisphere/icones/vetisphere 2.png">
</a>
</map>
</center>

Bon j'ai toutes mes images prêtes, mais j'ai beau essayer je trouve pas.

Où dois je placer le code onmouseover dans ce code :

<center>
<img src="http://khi4.info/Aqua/Vetisphere/icones/vetisphere 2.png" width="457" height="458" border="0" usemap="#map" /></a>

<map name="map">
<!-- #$-:Image map file created by GIMP Image Map plug-in -->
<!-- #$-:GIMP Image Map plug-in by Maurits Rijk -->
<!-- #$-:Please do not edit lines starting with "#$" -->
<!-- #$VERSION:2.3 -->
<!-- #$AUTHOR:stef -->
<area shape="circle" coords="268,41,41" href="http://www.khisland.info/dossiers-2-368-tireuse.html" />
</map>
</center>

SVP T.T

Aaaaaaah je vois !

Dommage j'avais testé ça avec GIMP :

<center>
<img src="http://khi4.info/Aqua/Vetisphere/icones/vetisphere 2.png" width="457" height="458" border="0" usemap="#map" />

<map name="map">
<!-- #$-:Image map file created by GIMP Image Map plug-in -->
<!-- #$-:GIMP Image Map plug-in by Maurits Rijk -->
<!-- #$-:Please do not edit lines starting with "#$" -->
<!-- #$VERSION:2.3 -->
<!-- #$AUTHOR:stef -->
<area shape="circle" coords="268,41,41" onmouseover="http://khi4.info/Aqua/Vetisphere/icones/tireuse.png" href="http://www.khisland.info/dossiers-2-368-tireuse.html" />
</map>
</center>

Mais rien ne se produit quand je passe la souris dessus..
Bon je test cette autre solution alors ! (en esperant que le chargement se fasse rapidement et qu'on voit pas l'image se reload en entière)

En fait tu n'as pas bien compris ce que je voulais dire.

Ce qu'il te faut, c'est 4 images avec tout les icones et non pas une image d'un seul icone.

Comme ca l'image change entière change quand tu passes ta souris sur un icone mais le visiteur à l'impression qu'il n'y a que le l'icone qui change.

Alors voilà mon dernier problème :

Voici déjà le code :

<center>
<a href="javascript:;"
onMouseOver="document.img_1.src='http://khi4.info/Aqua/Vetisphere/icones/tireuse.png';"
onMouseOut="document.img_1.src='';">
<img name="img_1" src="image1.gif">
<img src="http://khi4.info/Aqua/Vetisphere/icones/vetisphere 2.png" width="457" height="458" border="0" usemap="#map" /></a>

<map name="map">
<!-- #$-:Image map file created by GIMP Image Map plug-in -->
<!-- #$-:GIMP Image Map plug-in by Maurits Rijk -->
<!-- #$-:Please do not edit lines starting with "#$" -->
<!-- #$VERSION:2.3 -->
<!-- #$AUTHOR:stef -->
<area shape="circle" coords="268,40,38" href="http://khisland.info" />
</map>

</center>

Déjà j'ai une grande avancée grâce à vous, la zone cliquable marche, et renvoie vers mon lien.
Cependant quand je mets onmouseover bah...
Voici le résultat :

http://www.khisland.info/dossiers-2-367-vetispheres.html

ça apparait à côté et non là où je le souhaite, il manque plus que la position de la seconde image et tout fonctionne !
Comment faire ?

Merci beaucoup, je test ça dès que je peux et je viens en dire des nouvelles !

Il te faut 4 images car tu as 3 icones.

image 1 : image sans icone en surbrillance

image 2 : image avec l'icone 1 en surbrillance

image 3 : image avec l'icone 2 en surbrillance

image 4 : image avec l'icone 3 en surbrillance

Tu utilises soit le code html pour définir la zone cliquable ou tu utilises gimp qui générera le code html de la zone, je te recommande d'utiliser gimp.
Tu trouveras facilement des tuto sur internet.

Ensuite tu utilises onmouseover ( c'est un évènement javascript ) pour que l'image 1 soit remplacée par l'image 2 lorsque qu'on place la souris sur l'icone 1

Regarde https://forums.commentcamarche.net/forum/affich-37622096-javascript-les-evenements

Tu as tout ce qu'il te faut pour les évènements javascript.

Ca prend un peu de temps ( pas beaucoup ) mais c'est simple et ca devrait fonctionner. En plus les utilisateurs n'ayant pas flash pourront voir ces boutons.

Ah bon ?
Quel est ce moyen ? :D

Bon j'ai essayé les 3 codes mais toujours la même chose : le Flash apparait, les lumières s'allument mais quand je clique sur les boutons : r-i-e-n >.<
Pourtant seul sans code, il marche le swf ! >.<

Je vais essayer merci !

Désolé j'étais parti manger :

Voici toutes les infos :

Le flash en SWF hébergé :

http://s3.noelshack.com/old/up/vetisphere-ab14e2037.swf (qui marche)

Le code utilisé pour le HTML :

<center>
<object type="application/x-shockwave-flash" data="http://s3.noelshack.com/old/up/vetisphere-ab14e2037.swf" width="457" height="458">
<param name="movie" value="http://s3.noelshack.com/old/up/vetisphere-ab14e2037.swf" />
<param name="wmode" value="transparent" />
texte alternatif
</object>
</center>

Et le résultat HTML :

http://www.khisland.info/dossiers-2-367-vetispheres.html

Comme déjà dit, j'ai moi même monté l'animation sur une image vierge en découpant les icônes et en les replaçant en boutons individuels sur des calques différents de l'image d'origine.
Le SWF marche, le HTML non, j'arrive pas à comprendre pourquoi.

Le code de la page concernée ( ou en tout cas la partie de la page concernée ) serait utile.

Sinon, ce que tu veux faire c'est utiliser une animation flash comme bouton ?

Si tel est le cas.

Il suffit de rajouter un lien en html ( href ) dans le code qui sert à intégrer l'animation.

Mais avec le code, se sera plus simple pour voir ce que je te raconte est ce qu'il te faut ou non.