Connexion à votre interface Wifeo
X
Nom d'utilisateur :
Mot de passe :


Mot de passe oublié ?

Pas encore inscrit ? Créez votre site gratuitement !
Connexion
 FERMER LE MENU


Menu du forum :

Accueil du forum

Derniers messages

S'inscrire au forum

Se connecter au forum

Mot de passe oublié

Menu général de Wifeo :

Accueil de Wifeo

Connexion

Créer un site

Nouveautés Wifeo

Blog

Forum

Boite à outils

Documentations

Images et animation GIF > Image sur passage souris

Connectez-vous au forum     Pas inscrit au forum ? Inscrivez-vous !
Nom d'utilisateur : Mot de passe :
Se connecter automatiquement à chaque visite

Image sur passage souris

La question
Posté le 10 Août 2017 à 21:50
pwahl

46 messages
Inscrit le 20/9/2011
Mon site
Bonjour,

Je voudrais faire apparaitre une image en passant la souris sur une autre image ?

 
Navigateur utilisé : Firefox

Philippe wahl
 
Dernières actualités de mon site :
• Modifications des boutons du menu latéral
• Aout 2013 : Ajout de la moto Honda 125 Rebel
(Plus de news au sujet de mon site...)


La réponse qui règle le problème
Posté le 11 Août 2017
gabriel-support

Alors, il va falloir mettre les mains dans le cambouis, cliquer sur le bouton et modifier les scripts des images.

Et ajouter pour chaque image :
onmouseover="this.src='adresse-nouvelle-image';" onmouseout="this.src='adresse-ancienne-image';"

En remplaçant adresse-nouvelle-image par l'adresse de l'image qui doit se mettre au passage de la souris.
Et adresse-ancienne-image l'adresse de l'image qui doit se remettre lorsque la souris n'est plus sur l'image.

Ce qui donnera par exemple :
   SCRIPT
<img onmouseover="this.src='url-de-ta-nouvelle-image.png';" onmouseout="this.src='url-de-ton-ancienne-image.png';" src="url-de-ton-ancienne-image.png">

 
Navigateur utilisé : Chrome


 
Posté le 10 Août 2017 à 22:38
gabriel-support

Bonjour,

A quel endroit souhaitez-vous faire cela ?

Avez vous des notions en HTML et en CSS ?

 
Navigateur utilisé : Chrome

 
Posté le 10 Août 2017 à 23:52
pwahl

46 messages
Inscrit le 20/9/2011
Mon site
Bonjour,

Je souhaite faire ça sur des images de mon site, des logos, en fait.
J'ai des notions en HTML mais pas en CSS !

 
Navigateur utilisé : Firefox

Philippe wahl
 
Dernières actualités de mon site :
• Modifications des boutons du menu latéral
• Aout 2013 : Ajout de la moto Honda 125 Rebel
(Plus de news au sujet de mon site...)


 
Posté le 11 Août 2017 à 8:24
gabriel-support

BOnjour,

Pouvez vous m'indiquer l'adresse de la page où sont ces images ?

 
Navigateur utilisé : Chrome

 
Posté le 11 Août 2017 à 8:30
pwahl

46 messages
Inscrit le 20/9/2011
Mon site
Oui,

Au hasard : http://www.les125forever.fr/les-supermotards-a-g.php

N'importe quelle logo !

 
Navigateur utilisé : Firefox

Philippe wahl
 
Dernières actualités de mon site :
• Modifications des boutons du menu latéral
• Aout 2013 : Ajout de la moto Honda 125 Rebel
(Plus de news au sujet de mon site...)


 
Posté le 11 Août 2017 à 10:09
gabriel-support

Alors, il va falloir mettre les mains dans le cambouis, cliquer sur le bouton et modifier les scripts des images.

Et ajouter pour chaque image :
onmouseover="this.src='adresse-nouvelle-image';" onmouseout="this.src='adresse-ancienne-image';"

En remplaçant adresse-nouvelle-image par l'adresse de l'image qui doit se mettre au passage de la souris.
Et adresse-ancienne-image l'adresse de l'image qui doit se remettre lorsque la souris n'est plus sur l'image.

Ce qui donnera par exemple :
   SCRIPT
<img onmouseover="this.src='url-de-ta-nouvelle-image.png';" onmouseout="this.src='url-de-ton-ancienne-image.png';" src="url-de-ton-ancienne-image.png">

 
Navigateur utilisé : Chrome

 
Posté le 12 Août 2017 à 13:56
pwahl

46 messages
Inscrit le 20/9/2011
Mon site
Super, je vais tester
************************************************************

 
Navigateur utilisé : Firefox
 
Posté le 12 Août 2017 à 17:49
Bon, j'ai fait un test mais ça ne marche pas, peut-tu encore m'aider, s'il te plait ?

Voici un bout de code :

<p><a href="http://www.suzuki-moto.com/" target="_blank"><img alt="logo Suzuki" src="http://les125forever.wifeo.com/images/l/log/logo-suzuki.gif" style="width: 52px; height: 52px;" title="logo Suzuki" /></a><b>Suzuki Motor Corporation</b> est un constructeur japonais de motos, d&#39;automobiles et de moteurs de bateaux&nbsp;; il est avant tout un important fabricant de motos <font size="1"><font face="Georgia">(<a href="http://fr.wikipedia.org/wiki/Suzuki" target="_blank">wikipedia</a>)</font></font></p>

 
Navigateur utilisé : Firefox

Philippe wahl
 
Dernières actualités de mon site :
• Modifications des boutons du menu latéral
• Aout 2013 : Ajout de la moto Honda 125 Rebel
(Plus de news au sujet de mon site...)


 
Posté le 13 Août 2017 à 18:50
gabriel-support

Bonjour,

Oui, je peux

Quelle est l'adresse de l'image affichée tout le temps, et quelle est l'adresse de l'image a afficher au passage de la souri ?

 
Navigateur utilisé : Chrome

 
Posté le 14 Août 2017 à 17:25
pwahl

46 messages
Inscrit le 20/9/2011
Mon site
Super,

L'adresse de l'image de base : http://les125forever.wifeo.com/images [...] uzuki.gif

L'adresse de l'image que l'on verra au passage de la souris : http://les125forever.wifeo.com/images [...] 50bbb.jpg


 
Navigateur utilisé : Firefox

Philippe wahl
 
Dernières actualités de mon site :
• Modifications des boutons du menu latéral
• Aout 2013 : Ajout de la moto Honda 125 Rebel
(Plus de news au sujet de mon site...)


 
Posté le 14 Août 2017 à 19:06
gabriel-support

Voici ce que cela donnerais :

<img onmouseover="this.src='http://les125forever.wifeo.com/images/1/196/1961_RT61_bw_450bbb.jpg';" onmouseout="this.src='http://les125forever.wifeo.com/images/l/log/logo-suzuki.gif';" src="http://les125forever.wifeo.com/images/l/log/logo-suzuki.gif">

 
Navigateur utilisé : Chrome

 
Posté le 15 Août 2017 à 17:25
pwahl

46 messages
Inscrit le 20/9/2011
Mon site
Merci, ça marche plutôt bien. Y a juste l'image qui apparait qui n'est pas forcément proportionnelle mais c'est déjà très bien.
 
Navigateur utilisé : Firefox

Philippe wahl
 
Dernières actualités de mon site :
• Modifications des boutons du menu latéral
• Aout 2013 : Ajout de la moto Honda 125 Rebel
(Plus de news au sujet de mon site...)


 
Poster une nouvelle réponse
Connectez-vous au forum pour pouvoir répondre     Pas inscrit au forum ? Inscrivez-vous !
Nom d'utilisateur : Mot de passe :
Se connecter automatiquement à chaque visite
Nous soutenons : Secours Populaire . Enfants du desert . Medecins Sans Frontieres
Copyright © Wifeo.com - Tous droits réservés BOURDET SARL R.C.S.503777286 VERSAILLES