[RÉGLÉ] Problème rollover...

[chti56]

Bonjour,

J'ai mis en place deux modules de contenus personnalisés sur un site. Ces contenus personnalisés contiennent chacun une image.
J'ai voulu avoir un effet 'rollover' sur chacune de ces images mais ça ne fonctionne pas... Je veux dire par là que lorsque je passe la souris sur une de ces images ça n'a aucun effet..
C'est comme si je n'avais pas paramétré le rollover.
Par contre aucun problème si j'utilise cet effet rollover sur des images contenues dans des Pages.

J'utilise la toute dernière version de Joomla.
Quelqu'un a une idée ?

Merci d'avance.
Cdt

JP

[lomart]

Bonjour,

Quelqu'un a une idée ?

Avec si peu d'info, j'ai des doutes !

La méthode utilisée et le code du rollover serait déjà bien. Une URL l'idéal !

[chti56]

Bonjour,

L'URL est celle-ci: https://lesamisdecoetcandec.fr/index.php/accueil-coet
... et le 'problème' se situe sur les trois images de cette page.
Le code du rollover est celui utilisé quand on paraètre une image en lui donnant l'URL d'un image quand on fait un Rollover sur l'image.

Merci
JP

[chti56]

Lorsque j'examine l'image par le firebug j'ai ces erreurs:

Failed to load resource: the server responded with a status of 500 ()
border.png:1
Failed to load resource: the server responded with a status of 500 ()
loading.gif:1
Failed to load resource: the server responded with a status of 500 ()
loading_background.png:1
Failed to load resource: the server responded with a status of 500 ()
accueil-coet:1
Mixed Content: The page at 'https://lesamisdecoetcandec.fr/index.php/accueil-coet' was loaded over HTTPS, but requested an insecure stylesheet 'http://fonts.googleapis.com/css?family=Open+Sans'. This request has been blocked; the content must be served over HTTPS.

Ca ne me semble pas être tout à fait normal..
Est-ce depuis que je suis passé en HTTPS sur le site ?

JP

[manu93fr]

Bonjour,
dans les paramètres de ton module "Plug-ins de contenu" est bien a "oui" ?

[chti56]

Oui, j'ai vérifié dès que j'ai vu que ça ne fonctionnait pas.

[manu93fr]

Lorsque j'examine l'image par le firebug j'ai ces erreurs:

Mixed Content: The page at 'https://lesamisdecoetcandec.fr/index.php/accueil-coet' was loaded over HTTPS, but requested an insecure stylesheet 'http://fonts.googleapis.com/css?family=Open+Sans'. This request has been blocked; the content must be served over HTTPS.[/COLOR]

Ca ne me semble pas être tout à fait normal..
Est-ce depuis que je suis passé en HTTPS sur le site ?

JP

Oui, comme ecrit .. c'est du mixed content
Par exemple, ton site charge une font de Google en http ...

[chti56]

Je ne vois pas comment ça peut se produire.. Mais bon...

[ZerooCool]

En l'état, ton rollover ne peut pas fonctionner, car, les 3 images que tu renseignes sont à chaque fois identiques.
Si je modifie l'image du onmouseover, je constate qu'il fonctionne très bien.
Reste donc à afficher une image différente, pour ton onmouseover.
Vérifie bien que tu as renseigné des images différentes, car, ce n'est pas ce qui est affiché dans ton code, une seule image est utilisée, donc, ça ne peut pas fonctionner.

En complément, et, rien à voir avec ton onmouseover, passer tes liens d'images en https, idem pour une police de google que tu importes, ou, tout lien externe à ton site, pour que le cadenas du https puisse passer au vert, il faut que tous les liens de ton site, qui font des références externes notamment, soient en httpS://

[chti56]

Merci pour ces conseils.

[chti56]

Voici le code généré par la fonction rollover dans le module de contenu personnalisé:

<p><img onmouseover="this.src='images/chateau1932.jpg';" onmouseout="this.src='images/chateau_1932.jpg';" onmouseout="this.src='images/chateau_1932.jpg';" onmouseover="this.src='images/chateau1932.jpg';" src="images/chateau_1932.jpg" alt="chateau 1932" width="450" height="297" /></p>

[lomart]

ZerooCool a raison, il faut des images différentes
Et ce code suffit :

<p>
<img
  onmouseover="this.src='images/photo_sur_entrée_souris.jpg';"
  onmouseout="this.src='images/photo_sur_sortie_souris.jpg';"
  src="images/photo_de_base.jpg"
  alt="chateau 1932"
  width="450"
  height="297"
/>
</p>

en général, la photo_de_base est la même que photo_sur_sortie_souris

[chti56]

J'ai fait des tests en local (donc sans https) et ça ne fonctionne pas. Tant pis... Je verrai plus tard car ce n'est pas crucial !!

[ZerooCool]

Si tu n'as pas le https en local, ce ne devrait pas être trop grâve, c'est juste le cadenas de sécurité qui ne passe pas au vert.
Lomart t'a proposé un code alternatif pour le onmouseover.

On a je pense, analysé ton bogue, puisque une seule image est utilisée, si j'ai bien vu, ça ne peut pas fonctionner.

J'aimerais savoir si tu utilises bien deux images différentes quand tu fabriques ton onmouseover car le code que tu nous montres ne peux pas avoir d'effet onmouseover avec une seule image.
En regardant mieux, je vois que tu as l'image chateau1932 et chateau_1932. Il est peut être plus lisible alors, pour commencer, de les nommer chateau-1932-out.jpg et chateau-1932-over.jpg

Tant qu'à faire, pour ton image, chateau1932.jpg, c'est un mot clé inconnu du dictionnaire. La nommer chateau-1932 avec un tiret du milieu permet de faire comprendre à google le mot clé chateau ainsi que la date 1932, d'ou, m'a proposition de les nommer chateau-1932-out.jpg et chateau-1932-over.jpg

Peux tu retenter de générer ton Onmouseover, avec cette nouvelle nomination des images, et, nous dire si cela fonctionne maintenant ?

NB : J'ai RE vérifié. Sur ton site en ligne, tu utilises bien 2 images différentes /images/chateau1932.jpg et /images/chateau_1932.jpg mais .... ce sont EXACTEMENT les mêmes. Normal que ton effet Onmouseover ne puisse fonctionner, tes deux images doivent être différentes.

Tu peux tenter avec une image noir et blanc par défaut, et, en couleur, quand on est dessus, par exemple.
chateau-1932-out-monocrome.jpg et chateau-1932-over-couleur.jpg

[chti56]

Bonjour,

Ces images sont en effet les mêmes mais avec des tailles différentes.
Finalement j'ai abandonné cette solution pour passer à l'utilisation d'un lien avec Mediabox.
Merci pour ces aides toujours utiles.

JP