la saturation des couleurs/désaturation dans jQuery

Ma question est assez simple:la saturation des couleurs/désaturation dans jQuery

Si je code une image à afficher en HTML standard, est-il possible de désaturer cette image complètement en utilisant le jQuery seul?

L'idée serait de revenir à saturation normale une fois que l'utilisateur passe sur l'image ...

Je sais qu'il ya une méthode expérimentale utilisant HTML5 Canvas, mais pour le moment, je voudrais rester loin de HTML5 :)

Merci Ninja, comme toujours est une expérience humiliante à apprendre de vous, Le tit géant

Source

2010-11-29 Tiny Giant Studios

Vous voudrez peut-être regarder la bibliothèque [Pixastic] (http://www.pixastic.com/lib/), qui utilise Canvas pour les navigateurs non-IE, mais retombe dans le filtre propriétaire dans IE pour la désaturation. .. L'exemple sur cette page donne spécifiquement une démo de la caractéristique de désaturation de la bibliothèque. –

Merci Matt, je vais y jeter un coup d'œil ... J'ai brièvement parcouru le contenu avant de poser la question car je pensais qu'il pourrait y avoir quelque chose d'autre à l'horizon ... –

en utilisant jQuery seul? Pas vraiment. Vous avez besoin d'une méthode pour manipuler les données d'image et il n'y a que quatre méthodes que je suis au courant:

HTML5 Canvas (Vous avez dit que vous ne vouliez pas)
Filtre exclusif IE (Internet Explorer uniquement)
filtres SVG appliqués via CSS (actuellement Firefox uniquement selon mes tests)
flash applet (Overkill, lourd, et généralement désagréable.)

suggestion de

Matt Gibson de Pixastic est un bon un si votre seule préoccupation est la compatibilité ou vous pourriez rouler votre propre en utilisant un mélange des approches mentionnées ci-dessus.

Source

2010-11-29 21:10:18 ssokolow

Salut ssokolow, merci pour la réponse. Votre réponse est exactement ce que je soupçonnais - c'est encore quelque chose qui n'est pas largement soutenu. Je suppose que le plus proche de cela serait l'allocation de jQuery pour l'opacité (ce qui est loin d'être optimal). Anyhoooo, merci pour le temps que vous avez pris pour répondre à mon q - très apprécié! –

Je me sens obligé de mentionner, si nous évitons la toile, que le meilleur pari serait de générer le côté du serveur d'image désaturé et d'échanger les deux images en vol stationnaire. La route de la toile est bien plus amusante. – superluminary

la saturation des couleurs/désaturation dans jQuery

Répondre

Questions connexes