Forum d'entraide PHPFrance

Bonjour à tous,

J'aimerais savoir s'il est possible de gérer l'opacité d'une image avec un curseur, pour faire apparaître une autre image dessous.
Ce serait en fait un moyen de faire un beforeafter lisible sur ipad avec curseur.
Pour être clair, curseur à droite et l'image du dessus est opaque, donc visible, curseur au centre l'image est semi-transparente donc on voit en partie celle de dessous, et curseur à gauche on ne voit que celle du dessous.
Autre possibilité, qui n'a rien à voir au niveau du codage mais qui est intéressante aussi, un volet que l'on peut déplacer de droite à gauche pour faire apparaitre ou non l'image du dessous, comme ce que l'on trouve avec le plugin beforeafter de JQuery mais qui est en java.
Si quelqu'un a une piste, je le remercie infiniment d'avance !!

Bonjour,

la propriété opacity en css3 te permet d'affecter la transparence de ton choix à tout élément (valeur en pourcentage, donc une bonne granularité) et pour le curseur vu que tu utilises jquery tu n'auras pas à chercher très loin pour trouver le plugin qui va bien, puis connecter simplement l'un à l'autre en javascript