Formation Google AnalyticsSavez-vous bien utiliser les outils de mesure d'audience ?
Effectuez-vous un calcul de ROI (Retour sur investissement) pour savoir comment améliorer vos campagnes emarketing ?
Savez-vous utiliser les bons outils pour booster votre taux de transformation ?
La formation Web Analytics de Ranking Metrics, présentée par un expert reconnu officiellement par Google Analytics, vous apportera les réponses à toutes vos questions !
===> Informations et inscriptions.

Souris et Images

Poster un nouveau sujet Imprimer cette discussion    Forum -> Développement d'un site Web   Les dernières discussions de ce forum sont disponibles au format RSS
Voir le sujet précédent :: Voir le sujet suivant  
Auteur Message
 
Gils
Nouveau WRInaute

Inscrit le: 05 Déc 2007
Messages: 2

URL permanente de ce messagePosté le : Mer Déc 05, 2007 21:11    Sujet du message: Souris et Images

Hello ...
Voilà j'ai besoin de l'aide de pro... Sur une carte géo j'ai placé des "boutons" signalant quelques points. J'aimerais maintenant que si quelqu'un passe sa souris sur ces point une partie de ma carte se modifie.
En fait j'aimerai qu'au passage de la souris une nouvelle image apparaisse.. Mais.. la première image (bouton.gif) est plus petite que la seconde (epms.jpg) et la formule du style :
<img src="bouton.gif" alt="Click here to review portrait" border="0" onMouseOver='this.src="epms.jpg"' onMouseOut='this.src="bouton.gif"' width="36" height="36">
ne fonctionne pas...

J'espère avoir été clair mais comme je ne le suis pas moi même...
Bref ... Au secours Embarassed
 
Gils
julienr
WRInaute passionné
WRInaute passionné

Inscrit le: 05 Aoû 2003
Messages: 691

URL permanente de ce messagePosté le : Mer Déc 05, 2007 22:05    Sujet du message: Souris et Images

salut et bienvenue Smile

à la vue de ton code tu pourrais essayer ceci :

Code:
<a href="#" onClick="return false;" onMouseOut="this.firstChild.src='bouton.gif';"  onMouseOver="this.firstChild.src='epms.jpg';"><img src="bouton.gif" alt="Click here to review portrait" border="0" width="36" height="36"></a>
 
julienr Visiter le site web du posteur
Gils
Nouveau WRInaute

Inscrit le: 05 Déc 2007
Messages: 2

URL permanente de ce messagePosté le : Jeu Déc 06, 2007 18:14    Sujet du message: Souris et Images

Merci Julien mais .... Sad Embarassed Sad

Lorsque je clique sur le bouton mon autre image apparait bien mais en tout petit...
En fait sur cette carte certain point sont signalés par des bouton (bouton.gif)..; En passant dessus j'aimerais qu'une partie de la carte se hachure...
Il faudrait donc que je puisse placer mon bouton et signaler l'emplacement et la taille de mon image qui doit apparaitre
Help Me
Crying or Very sad
 
Gils
julienr
WRInaute passionné
WRInaute passionné

Inscrit le: 05 Aoû 2003
Messages: 691

URL permanente de ce messagePosté le : Jeu Déc 06, 2007 20:41    Sujet du message: Souris et Images

ok compris, alors voici comment je le verrais :

Code:

<div id="carte" style="width:100px;height:100px;background-url:url(carte.jpg);">

   <img id="carte1" src="bouton.gif" width="36" height="36" onmouseover="change(this.id)" onmouseout="change('carte');" style="position:absolute;left:10px;top:10px;">

   <img id="carte2" src="bouton.gif" width="36" height="36" onmouseover="change(this.id)" onmouseout="change('carte');" style="position:absolute;left:30px;top:50px;">

   <img id="carte3" src="bouton.gif" width="36" height="36" onmouseover="change(this.id)" onmouseout="change('carte');" style="position:absolute;left:60px;top:30px;">

</div>


Code:

function change( id ) {
  document.getElementById('carte').style.backgroundUrl = id+'.jpg';
}


à voir si cela peux fonctionner mais en gros le principe tu as un div avec une image en arriere plan: ta carte. Ensuite dans ce div tu positionne en absolue tes marqueurs en ajustant le left et le top. Après au survol de ces marqueurs en js tu change l'image d'arriere plan c'est à dire toute la carte. Ainsi tu peux pour chaque marqueur prévoir la carte achurée qui va bien, tu n'as pas de limite sauf peut être le poids de l'image de fond...
 
julienr Visiter le site web du posteur
 
Montrer les messages depuis:   
Revenir en haut    Forum -> Développement d'un site Web Toutes les heures sont au format GMT + 1 Heure
Page 1 sur 1 - 
Connexion
Nom d'utilisateur:    Mot de passe:      Se connecter automatiquement à chaque visite    

CLIQUEZ ICI pour vous inscrire à WebRankInfo (forum, annuaire, outils...)

Connexion

© 2001-2005 phpBB Group, support français
Personnalisation : WebRankInfo ™


 ODP  Firefox  Alsacreations  annuaire webmaster Yagoort