JeuxOnLineForumsPlusConnectés : 665 (sites) | 1300 (forums)Créer un compte
Forums divers
La Taverne
Les forums JOL > Forums divers > La Taverne > Besoin d'aide HTML & JavaScript RSS
   
Répondre
Partager Outils Rechercher
Avatar de KlliShaw
KlliShaw
Alpha & Oméga
 
Avatar de KlliShaw
 

Besoin d'aide HTML & JavaScript

Je me sens newbie en vous demandant ça.. Mais est-ce possible d'avoir un rollover à distance dans l'image map d'une image?

Lorsque je mets le rollover sur l'image au complet, tout marche numéro un, et lorsque je le mets dans les propriétés <map> plus rien..


Est-ce impossible ou est-ce moi qui s'y est mal prise?


Merci d'avance de votre aide..

KlliS.
Lien direct vers le message - Vieux
Aloïsius
Alpha & Oméga
 
Re: Besoin d'aide HTML & JavaScript
Citation:
Provient du message de KlliS
Je me sens newbie en vous demandant ça..
Et ? J'ai même pas compris la question, alors...
Lien direct vers le message - Vieux
Avatar de KlliShaw
KlliShaw
Alpha & Oméga
 
Avatar de KlliShaw
 
Okay.. J'essaie de mieux m'expliquer.. Je sais j'explique mal..


Je fais une page web..

Je veux des rollovers à distance, ça je l'ai avec un truc de javascript..


Donc par exemple, j'ai un menu page1, page2, page3 et une image, un pomme, en haut à droite..

Quand ma souris est sur page1, la pomme se fait croquer, quand elle est sur page2 la pomme devient une banane et quand elle est sur page3 y'a un chien..


Bon, ça c'est le rollover "normal" et ça marche..


Maintenant.. Ce que je veux c'est, grâce à une image-map, que mes rollovers s'activent par exemple quand ma souris est sur le 1 de page1..

C'est plus clair?


Et ça, ça marche pas, je demande si c'est parce que je ne le fais pas de la bonne façon ou si c'est parce que c'est impossible..

Voilà
Lien direct vers le message - Vieux
Avatar de Yabon Gorky
Yabon Gorky
Alpha & Oméga
 
Avatar de Yabon Gorky
 
Ca fait un bout de temps que j'ai plu touché à ca mais il me semble que j'avais déjà fait ou vu des trucs dans le genre. M'enfin je faisais plutôt du Flash aussi
Lien direct vers le message - Vieux
Avatar de Testosterone
Testosterone
Alpha & Oméga
 
Avatar de Testosterone
 
C'est très simple, pour faire des rollovers à partir des liens d'une map suffit d'ajouter onMouseOver et onMouseOut dans la balise du lien de la map.

<MAP NAME="NomDlaMap">
<AREA SHAPE=RECT COORDS="x,x,x,x" HREF="" onMouseOver="" onMouseOut="">
<AREA SHAPE=default HREF="">
</MAP>
Lien direct vers le message - Vieux
Aloïsius
Alpha & Oméga
 
Citation:
Provient du message de KlliS
Okay.. J'essaie de mieux m'expliquer.. Je sais j'explique mal..
Non, enfin je sais pas... C'est que je ne sais même pas ce qu'est un rollover... Alors "je me sens newbie" ça m'a fait réagir quoi.
Lien direct vers le message - Vieux
Avatar de KlliShaw
KlliShaw
Alpha & Oméga
 
Avatar de KlliShaw
 
C'est ce que j'ai .. Et ça marche pas..


En bref, mon code... :

<html>
<head>
<script language="javascript">
<!--
image1 = new Image;
image1.src = "Images/main-21.jpg";
image2 = new Image;
image2.src = "Images/roll01.jpg";
image3 = new Image;
image3.src = "Images/roll02.jpg";
//-->
</script>
</head>

<body>
<map name="rollpouce">
<aera shape="polygon"
coords="23,54,9,44,23,27,34,49"
href="interface.htm"
onMouseOver="main01.src=image2.src"
onMouseOut="main01.src=image1.src"
aera alt="Accueil"
target="_self" >
</map>

<table>
<tr>
<td>
<img src="Images/main-21.jpg" width=160 height=98 alt="Pouce" name="main01">
</td>
</tr>
<tr>
<td>
<img src="Images/main-25.jpg" width=109 height=73 usemap="#rollpouce" alt="Accueil" border="0">
</td>
</tr>
</table>
</body>
</html>
Lien direct vers le message - Vieux
Avatar de KlliShaw
KlliShaw
Alpha & Oméga
 
Avatar de KlliShaw
 
Citation:
Provient du message de Aloïsius
Non, enfin je sais pas... C'est que je ne sais même pas ce qu'est un rollover... Alors "je me sens newbie" ça m'a fait réagir quoi.

GRE !

Sale newbie! va!
Lien direct vers le message - Vieux
Avatar de Nanja
Nanja [FED]
Roi
 
Avatar de Nanja
 
Mais pourquoi t'embetes tu à faire du javascript ? Dès que tu vas utiliser des fonctions un peu spécifiques, ca va plus etre compatible avec certains navigateurs : la galère. Essaie de faire ta page plus simplement.
Lien direct vers le message - Vieux
Avatar de Inoceram
Inoceram
Roi
 
Avatar de Inoceram
 
Bon en clair, le problème c'est que tu veux faire un rollover d'image mappé et ça a par l'air de marcher.

essaye de voir si ça fonctionne avec d'autres navigateurs...

Sinon tu peux tjs découper ton image en morceau et la placer dans un tableau ajusté, pour eviter d'avoir à faire du mapping.
Lien direct vers le message - Vieux
Avatar de Inoceram
Inoceram
Roi
 
Avatar de Inoceram
 
c'est un truc comme ça que tu veux faire?

http://masamune.free.fr/test/rollovermap.htm
Lien direct vers le message - Vieux
Avatar de KlliShaw
KlliShaw
Alpha & Oméga
 
Avatar de KlliShaw
 
Non pas exactement..

Ça serait le cas si quand la souris est sur le garçon, le dinosaure apparaisse ailleurs sur la page..


En tout cas Je crois avoir trouvé ce qu'il me fallait, merci à tous..

KlliS.
Lien direct vers le message - Vieux
Avatar de Kifadd Yre
Kifadd Yre
Alpha & Oméga
 
Avatar de Kifadd Yre
 
Oui tu peux le faire.

Mais dans ce cas, il faut nommer l'image (le paramètre name dans <img>.

Prenons, par exemple, un image de nom "source".

Code:
<script language="javascript">
<!--
image1 = new Image;
image1.src = "imagepremiere.png";
image2 = new Image;
image2.src = "image2.png";
//-->
</script>

<map name="rollover">
<area shape="polygon" coords="X,X,X,X,X" href="#" onMouseOver="source.src=image2.src" onMouseOut="source.src=image1.src">
</map>

<img src="imagepremiere.png" border=0 name="source"`>
Lien direct vers le message - Vieux
Avatar de Elric l'aigri
Elric l'aigri
Bagnard
 
Avatar de Elric l'aigri
 
J'arrive à temps pour dire que le jscript c'est tabou et qu'on en viendra tous à bout ?
Lien direct vers le message - Vieux
Avatar de KlliShaw
KlliShaw
Alpha & Oméga
 
Avatar de KlliShaw
 
Bon

J'ai enfin réussi..

Merci encore à vous tous..


Je sais pas où était mon erreur mais elle était dans les images-map..

Je comprends pas quel était le problème.. J'ai tout ré-écrit les trucs d'images-map et du coup ça fonctionne..

Je devais avoir fait une erreur stupide du genre, oublier un "


Bonne soirée
Lien direct vers le message - Vieux
Répondre
Les forums JOL > Forums divers > La Taverne > Besoin d'aide HTML & JavaScript
   

Connectés sur ce fil

 
1 connecté (0 membre et 1 invité) Afficher la liste détaillée des connectés

Outils Rechercher
Rechercher:

Recherche avancée

Thème visuel : Fuseau horaire GMT +1. Il est actuellement 21h31.
   

© JeuxOnLine, le site des MMO, MMORPG et MOBA. Tous droits réservés. - Conditions générales d'utilisation - Conditions d'utilisation des forums - Traitement des données personnelles - ! Signaler un contenu illicite