Switch image onclick (Créer un compte)

Bonsoir.

Treenity en avait créé un spécialement pour un membre, je ne sais pas s’il est toujours d’actualité.

🙂

Bonjour, vous pouvez récuperer mon plugin ici :

https://github.com/Treenity/mousehover

cordialement

sndelep, j’ai l’impression que vos images sont modifiées par l’extension jetpack. essayez de désactiver cette extension pour voir si cela change quelque chose.

Bonjour Mathieu

Déjà merci pour ta réponse.

J’ai désactivé jetpack : pas d’effet sur l’article

J’ai ajouté la ligne dont tu parles à la fin de l’article et pas d’effet non plus..

Pour info:

Si la question est « je cherche à faire en sorte qu’une image sur mon site change pour une autre lorsque l’on clique dessus (ou qu’on la survole)« . Je pense qu’il n’y a pas besoin d’extension spécifique; cela peut se faire avec un peu de jQuery

Bonjour,

Il faut d’abord télécharger un petit plugin très simple. Dans les réglages vous tomberez sur la page en pièce jointe. Là vous copierez le code ci dessous (y compris les balises <script> et </script> dans la fenêtre footer. En principe ça devrait suffire.

au départ: seule l’image x visible, l’image y est cachée.

au survol, l’image x est cachée et remplacée par l’image y. Quant on arrête le survol y est remplacé par x etc

Vous pouvez aussi faire la même chose au clic gauche de la souris (je trouve que c’est mieux dans votre cas), en remplaçant dans le code « hover » par « click ».

<script>

	$ = jQuery;
	
    var x=".single-entry-summary p img:nth-child(1)";
    var y=".single-entry-summary p img:nth-child(2)";
	
        $(x).show();
        $(y).hide();
 
        $(".single-entry-summary p ").hover(function(){
        $(x).toggle();  
        $(y).toggle(); 
        });
		
	</script>