Jump to content

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

Link to comment
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+

Link to comment
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 :)

Link to comment
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

Link to comment
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 ?

Link to comment
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 !

Link to comment
Share on other sites

  • 1 year later...

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,

Link to comment
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
×
×
  • Create New...