[RÉGLÉ] Rollover déporté ne marche pas avec Chrome ou Opera

[miki57]

Bonjour,

Version de Joomla : 2.5.28
Extensions installées : JCE (entre autres)
Hébergeur : Nuxit
Serveur (dédié ou mutualisé ou virtualisé) : Mutualisé
En local ou en production : Production


Je viens de m'apercevoir que mon rollover déporté ne fonctionne pas avec Chrome alors qu'il fonctionne (depuis longtemps) avec Internet Explorer et Firefox.

Le but est de faire afficher une photo dans un article (toujours au même endroit) lors du survol d'un nom parmi une liste.

J'ai un tableau dont une case contient

<td><img id="photo1" src="/images/ident/vide.jpg" alt="cadre" height="98" width="74" /></td>

et d'autres avec

<td style="background-color: #ffffff;" 
onmouseout="this.style.backgroundColor='#ffffff'; photo1.src='/images/ident/vide.jpg'"
onmouseover="this.style.backgroundColor='#ffcc66'; photo1.src='/images/ident/photo-id.jpg'">NOM</td>

Le changement de couleur fonctionne avec tous les navigateurs mais avec Chrome (ou Opera) le remplacement d'image n'a pas lieu, seule la première (vide.jpg) est affichée. Ce n'est donc pas le rollover en général qui pose problème mais seulement celui qui est déporté

Si quelqu'un a une idée ou une solution ça serait super !

Merci d'avance.

[manu93fr]

Re : Rollover déporté ne marche pas avec Chrome ou Opera

Bonjour,
pourrait on avoir un lien pour voir de nos yeux le problème

[miki57]

Re : Rollover déporté ne marche pas avec Chrome ou Opera

Voici la page

http://www.verny.fr/vie-municipale/conseil-municipal

(les photos sont sensées s'afficher lors du passage sur les noms des personnes)

[manu93fr]

Re : Rollover déporté ne marche pas avec Chrome ou Opera

Ce n'est pas un problème de navigateur ... c'est moi ça ne marche ni sur Chrome, ni sur Firefox ...

Oups, j'ai parlé trop vite ... je n'avais pas vu l'emplacement ou devait s'afficher les photos (faut le voir quand meme )

il va falloir regarder de près ton javascript mais il y a plein de plugin pour faire des effet de ce genre

[miki57]

Re : Rollover déporté ne marche pas avec Chrome ou Opera

Je viens de vérifier avec une tablette sous Android (et le navigateur par défaut) ça ne fonctionne pas non plus.
Je n'y connais pas grand chose en Javascript mais je pense que le problème vient de l'adresse de l'image à remplacer qui ne serait pas reconnue. Je me demande s'il n'existe pas un préfixe à ajouter devant photo1.src pour préciser qu'il s'agit du même article (un peu comme le this devant .style).
A moins que le problème vienne du fait qu'il y a un tableau ? Il faudrait que j'essaie sans tableau pour voir.

[manu93fr]

Re : Rollover déporté ne marche pas avec Chrome ou Opera

Perso j'aurai fait un trombinoscope ... photo, identité et fonction
C'est plus visuel que du texte avec du Rollover

[miki57]

Re : Rollover déporté ne marche pas avec Chrome ou Opera

Je viens de faire un essai : ce n'est pas à cause du tableau.

C'est bien un problème d'index de l'image distante et j'ai trouvé une solution il suffit de remplacer

photo1.src

par

document.getElementById("photo1").src

(sauf que dans mon cas avec l'imbrication dans onmouserover" ... " j'ai du utiliser des guillemets simples 'photo1' )

Et ça fonctionne avec Chrome, Opera et le navigateur Android.

En espérant que cela puisse servir à quelqu'un d'autre.