Jump to content
Sign in to follow this  
zinocb

Remplacement d’image au survol de la souris

Recommended Posts

Bonjour,

je suis actuellement en train de réaliser un site de e-commerce pour un client.
Celui-ci voudrait qu'au survol des vignettes produit, la photo change pour une 2ème image qui prendrait momentanément sa place, tant que la souris reste sur la vignette >> exemple sur la page d'accueil http://www.misscoquines.com/fr/ dans la section Nouveautés par exemple.

merci de votre aide car je suis un peu coincé.

Sujet déplacé -yoya971

Share this post


Link to post
Share on other sites

Bonjour,

Un réponse possible et la plus rapide s'il s'agit d'un listing serai de créer une fonction js avec dans la balise les paramètres onmouseout="" et onmouseover="" qui recharge le l'image sur lui même.

S'il s'agit d'une simple image, pourquoi ne pas essayer en jQuery !

Bien cordialement,
A+

Share this post


Link to post
Share on other sites

Inspire toi de la artie CMS.

Quand tu ajoutes une image dans les options tu as une case à cliquer. Tu l'actives et tu remplis les champs nécéssaire.
Après regarde le code html et adapte le ou tu veux :)

Share this post


Link to post
Share on other sites

merci pour vos réponses !!

Mais je ne suis pas sûr de te suivre. je ne vois pas ce dont tu parles dans la partie CMS.
Peux-tu me préciser ?

Share this post


Link to post
Share on other sites

Regarde le screen.

Dans les cms tu peux ajouter des images et une option te permet d'utiliser des images survolées.

Après tu récupère le code HTML et tu l'adaptes ou tu veux :)

C'est une façon simple.

25781_UpnOgx0Hq7Du89FOmj4S_t

Share this post


Link to post
Share on other sites

OK merci !

Je vais voir ça et je vous tiens au courant.

Share this post


Link to post
Share on other sites

En fait le code désignant mon image principale est le suivant :
src="{$link->getImageLink($product.link_rewrite, $product.id_image, 'home')}"

Comment faire dans le code pour désigner la 2ème image de mon produit, pour pouvoir faire ce rollover ?

Share this post


Link to post
Share on other sites

Salut, je recherche également un module pour faire ca, c'est une option réellement pratique pour montrer le recto/verso d'un article.

As tu trouvé une solution?

Share this post


Link to post
Share on other sites

Je voudrais tester la piste indiquée précédemment mais pour ça j'aurais besoin du code qui permet de désigner la 2ème image (verso) car pour le recto c'est src=”{$link->getImageLink($product.link_rewrite, $product.id_image, ‘home’)}”

Y-a-t-il qqun pour nous aider ?
merci d'avance !

Share this post


Link to post
Share on other sites

Bonjour,

 

je remonte ce post, car je souhaiterai obtenir la même fonctionnalité pour mon site.

Comme sur ton site, j'aimerai que cela soit activé au niveau des catégories...

 

Peux tu m'indiquer comment tu as procédé ?

 

merci de ton aide,

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
Sign in to follow this  

×
×
  • Create New...

Important Information

Cookies ensure the smooth running of our services. Using these, you accept the use of cookies. Learn More