18073 sujets

Questions générales et questions de débutants

[Résolu] Image-lien changeant au passage de la souris

Smiley biggrin Bijour!
Alors voilà j'ai un lien que j'ai matérialisé sur ma page avec une image et j'aimerai qu'au survol de la souris ce soit une autre image qui apparaisse....
J'ai cherché sur plein de site et j'ai pô trouvé... Smiley decu
Comment qu'on fait?... Smiley rolleyes
Modifié par DiaouL (24 Aug 2005 - 19:26)
Raphael a écrit :
Es-tu sûr d'avoir cherché sur le site ?

Ah ben non... Smiley rolleyes je savais pas que ça s'appelait roll-over en fait.... Smiley confused

Merci!.... Smiley smile
Ah ouais je suis aller voir.... y a pas plus simple comme procédé?... C'est bizarre de devoir coller les deux images! On ne peut pas les remplacer tout simplement? Parce que du coup je ne sais pas où j'ai merdé mais sur ma page je vois mes deux images à la fois (ce n'est pas pour un menu c'est pour une ancre). Smiley confus
Administrateur
Bonjour,

Raphaël est désolé d'avoir mis un nom sur ce que tu demandes (roll-over en jargon de design web), de t'avoir proposé une méthode pour résoudre ton problème (rechercher ce terme) et fourni un lien vers un tuto, le tout dans son 1er post.

Tu sembles avoir un problème avec la mise en oeuvre de ce Tutoriel, je t'invite à créer un sujet dans le Salon Tutoriels et exercices Alsacréations : "Service Après Vente". Tu demandes des renseignements à propos des roll-over et s'il n'existerait pas une métode plus simple. Maintenant que tu sais que cela s'appelle roll-over, voici des renseignements sur les roll-over: Recherche Forum Alsa et Recherche Google tout Alsa. Pour d'autres tutoriaux (méthode plus simple), le Salon des Ressources est une destination de choix.

Je ne te retiens pas,
Felipe
Modifié par Felipe (14 Aug 2005 - 11:12)
DiaouL a écrit :
Merci, trop sympa de répondre... Bon bah j'vais aller voir ailleurs... Smiley bawling


Hého, on n'est pas à ton service 24h/24 ! Smiley langue

Sinon, oui, tu peux simplement remplacer l'image. Mais à ce moment-là, tu dois appeler une deuxième image, que le navigateur doit charger avant de l'afficher ... Et donc la transition risque de ne pas être instantanée.

Edit : grillé par Felipe, argh.
Modifié par Sopo (14 Aug 2005 - 11:14)
Smiley biggrin Bah faites pas la gueule les mecs! c'était pour vous titiller un peu... ça à marché d'ailleurs non?... Smiley cligne
En fait j'ai trouvé une solution avec du javascript
j'ai mis ce code entre <head> et </head> :

<script language="javascript">
<!--
function VersionNavigateur(Netscape, Explorer)
{
if ((navigator.appVersion.substring(0,3) >= Netscape && navigator.appName == 'Netscape') ||
(navigator.appVersion.substring(0,3) >= Explorer && navigator.appName.substring(0,9) == 'Microsoft'))
return true;
else return false;
}
//-->
</script>


après quoi j'ai mis ça dans <body> : 

<a href="#Haut" OnMouseOver="if (VersionNavigateur(3.0,4.0)) img1.src='02.gif' "
 OnMouseOut="img1.src='01.gif'">
<img name="img1" src="01.gif" OnLoad="tempImg=new Image(0,0); tempImg.src='02.gif'"></a>


et comme j'ai mis plusieurs ancres dans la page, j'ai changé "img1" par "img2" pour le 2ème lien et ainsi de suite....
Bon ça vaut ce que ça vaut mais ça marche instantanément (les images ne font que 1Ko...)

Smiley confused Désolé de vous avoir mis dans cet état de fébrilité, je pensais que le smiley était assez expressif pour ne pas avoir à rajouter un gros lol bien lourd... Smiley smile
En tout cas merci bonne continuation pour cet excellent site qui ma foi, est une vrai mine d'or!... Sans déconner!... Smiley langue
DiaouL a écrit :
Smiley biggrin Bah faites pas la gueule les mecs! c'était pour vous titiller un peu... ça à marché d'ailleurs non?... Smiley cligne
En fait j'ai trouvé une solution avec du javascript
j'ai mis ce code entre <head> et </head> :
(...)


Je n'ai malheureusement pas le temps de donner des explications détaillées ce soir, mais ce type de script d'identification du navigateur est à éviter absolument (aucune fiabilité, obstructif pour d'autres navigateurs, etc.)

Le principe d'un test fiable pour javascript est de tester la propriété, la fonctionnalité nécessaire au script, et non l'identité du navigateur. Il a fallu 10 ans de DHTML foireux pour parvenir à cette évidence : évitons de revenir à la case départ Smiley cligne
Laurent Denis a écrit :

Je n'ai malheureusement pas le temps de donner des explications détaillées ce soir, mais ce type de script d'identification du navigateur est à éviter absolument (aucune fiabilité, obstructif pour d'autres navigateurs, etc.)


Ah bon?!... C'est bête ça, en plus on en trouve partout de ce type de code sur internet... j'ai trouvé ça sur AllHtml... Smiley ohwell
Si tu as un lien vers un article expliquant pourquoi il faut éviter les scripts de ce genre, je suis preneur! Sitoplé! Smiley lol

Sinon oui, la question est résolue, merci! Smiley smile J'essayerai de trouver un script correct plus tard...
Administrateur
DiaouL a écrit :

Ah bon?!... C'est bête ça, en plus on en trouve partout de ce type de code sur internet... j'ai trouvé ça sur AllHtml... Smiley ohwell

Hmm
1- l'intérêt de développer des standards justement de pouvoir éviter ce genre de bidouilles
2- AllHTML : à ma connaissance (et j'y suis modérateur de forum), les cours et codes n'y sont plus à jour depuis quelques années... le problème est que ce site sert encore de référence Smiley decu
Raphael a écrit :

Hmm
AllHTML : à ma connaissance (et j'y suis modérateur de forum), les cours et codes n'y sont plus à jour depuis quelques années... le problème est que ce site sert encore de référence Smiley decu


Ok... j'y ai pratiquement appris tout ce que je connais (heureusement pas grand-chose!), va falloir que je fasse une sérieuse remise à jour!... Smiley langue

Juste une question par curiosité, si ce site est mort, pourquoi reste-tu comme modérateur?!... Smiley ohwell
Administrateur
DiaouL a écrit :
Juste une question par curiosité, si ce site est mort, pourquoi reste-tu comme modérateur?!... Smiley ohwell

Peut-être pour tenter vainement d'orienter les membres du forum à se mettre à jour Smiley rolleyes
Raphael a écrit :

Peut-être pour tenter vainement d'orienter les membres du forum à se mettre à jour

Je crois bien que c'est comme cela que tu m'as "recruté".
J'y ai trouvé avantages !
Sujet clos
Aller à