Bug dans la permutation d'image

Résolu/Fermé
maptiviou Messages postés 29 Date d'inscription mardi 13 février 2007 Statut Membre Dernière intervention 19 octobre 2012 - 16 mars 2007 à 09:49
maptiviou Messages postés 29 Date d'inscription mardi 13 février 2007 Statut Membre Dernière intervention 19 octobre 2012 - 19 mars 2007 à 09:51
Bonjour à tous,
Voici mon probleme:
Sur mon site j'ai plusieurs boutons image avec permutation, c'est-à-dire que lorsque l'on survole l'image avec la souris, une autre image viens remplacer la premiere. Sur ceci il n'y a pas de problème, toutes les images permutent normalement. Le problème survient après plusieurs changements de page, au bout d'un moment, en sortant la souris de l'image, plustot que cette derniere reprenne son apparence d'origine, elle prend celle d'une autre image du site. Je vais vous donner un exemple:

j'ai les images de "1.jpg" à "10.jpg", lorsque je survole une de ces images (on va dire "3.jpg"), cette derniere devient "3-2.jpg" mais au bout d'un moment et de plusieurs chargements de page, lorsque l'on sort de l'image, au lieu de redevenir "3.jpg" et devient "10.jpg" jusqu'à ce que je passe au dessus d'une autre image. il s'agirait d'un bug d'affichage mais je ne trouve pas son origne (cette mauvaise permutation est complettement illogique).

D'un autre côté ayant testé le site sur un autre pc (pour voir si c'etait le site ou l'ordinateur), sur IE7 avec vista, au moment ou ce bug intervient (apparement au chargement de la page apres plusieurs changement de page), on ne voit pas le bug, IE7 se ferme tout seul avant).

J'espere que quelqu'un pourra m'aider, le probleme est difficile à expliquer, je sais qu'il aurait ete plus simple de mettre le lien du site mais ce dernier est sur serveur privé, n'est pas fini et je suis tenu au secret professionnel sur mon travail (je crée des sites pour des clients et je ne peux pas donner l'adresse tant qu'il est pas validé par le client).

Merci d'avance
A voir également:

2 réponses

kij_82 Messages postés 4088 Date d'inscription jeudi 7 avril 2005 Statut Contributeur Dernière intervention 30 septembre 2013 857
16 mars 2007 à 11:57
Bonjour,

Tu parle donc ici de roll-over sur tes images au passage de la souris. J'imagine donc que pour chaque image tu y as attaché une fonction pour l'attribut 'onmouseover' et l'attribut 'onmouseout'.

Une question donc pour éclairer la situation, les fonctions auquelle tu fais appelle, sont-elle définie pour chaque image (je veux dire par là une fonction pour 'onmouseover' par image, idem pour 'onmouseout'), ou ces fonctions sont-elle commune, prenant donc un paramètre 'nom_de_l_image' et un paramètre 'img' représentant ton image afin d'en modifier la source ?

Je ne m'explique peut etre mal donc un exemple de fonction que j'aurais utilisé :
<script language="javascript">
function changement ( image, source ){
    image.src = source;
}
</script>

<img src="blabla.jpg" onmouseover="javascript:changement(this,'bloblo.jpg')" onmouseout="javascript:changement(this,'blabla.jpg')">


A priori si tu utilise ce genre de fonction ca ne devrait pas poser de probleme, sauf si tu as fais une erreur dans un des paramètres donné à la fonction dans l'une de tes pages.

Cela t'avance ou non ?
0
maptiviou Messages postés 29 Date d'inscription mardi 13 février 2007 Statut Membre Dernière intervention 19 octobre 2012
19 mars 2007 à 09:51
J'utilise bien un mouseover et un mouseout pour cette permutation et n'utilise qu'une seule fonction pour toutes, en fait j'utilise dreamweaver et je n'ai pas ecrit cette fonction en brut, dw s'en est charger donc je ne pense pas qu'il y ai d'erreur dans cette partie du code. Je pense que c'est un problème lié à IE7.

Je vous remercie tout de même de votre aide.
0
Gihef Messages postés 5150 Date d'inscription mercredi 20 juillet 2005 Statut Contributeur Dernière intervention 20 février 2023 2 775
16 mars 2007 à 14:02
Bonjour,

Tu ne le précises pas, mais à la lecture de tes autres messages, on peut supposer que tu fais ça en Javascript (pas en Java).

Pour une simple “permutation” d'image, il existe une technique plus simple.
Ça se fait à l'aide de CSS.

Je t'en ai mis un exemple ici, comme pour un menu, mais qui peut servir ailleurs.
L'effet agit simplement sur la position de l'image dans la <a> où on la décale vers le haut au survol puis au clic sur le lien.
0