Soy nuevo en jQuery y realmente me gusta. Me gustaría saber si hay un efecto similar al de IE en el que puedo convertir imágenes a escala de grises en el tiempo de ejecución.jQuery convertir la imagen a escala de grises?
No creo que jQuery tenga una forma especial de hacerlo, pero puede usar la etiqueta <canvas>. see tutorial
Salida pixastic ... que se supone que funciona en ...
http://www.pixastic.com/lib/docs/actions/desaturate/
var img = new Image();
img.onload = function() {
Pixastic.process(img, "desaturate", {average : false});
}
document.body.appendChild(img);
img.src = "myimage.jpg";
Hay un ejemplo de esto está haciendo a la inversa (color a escala de grises) con jQuery en:
http://www.sohtanaka.com/web-design/examples/hover-over-trick/
Me imagino que sería lo suficientemente simple para revertir esto por lo que pasó de gris a color. El código en sí parece muy simple y elegante.
El sitio web ya no existe. Por lo tanto, esta no es una respuesta. -1 – gibberish
También puede utilizar este truco si su objetivo es simplemente hacer que la escala de grises de la imagen se desplace. http://www.sohtanaka.com/web-design/greyscale-hover-effect-w-css-jquery/
Aquí es mi sencillo plugin de jQuery: jquery-grayscale
lo ejecuta como:
$('img').grayscale();
Se hace uso de <lienzo> por lo que no funcionará en los navegadores antiguos.
No hace nada :( – RobinJ
http://jsfiddle.net/Tpa87/2/ –
He escrito un complemento jQuery llamado $.greyScale() que hace esto por usted. Admite también imágenes alojadas en otro dominio mediante solicitudes de proxy.
Es sólo invoca utilizando
$('img').grayScale();
esto requiere llamar a un servicio de terceros para cada imagen; ese servicio no es de trabajo. –
Es extraño que ha estado funcionando durante meses . Lo investigaré en algún momento. – Prydie
Probé todos los que aparecen aquí y que no funcionaba bien (ya sea haciendo demasiado a unir en vuelo estacionario o simplemente no funciona en todos los navegadores o dominios). Así que me inventé uno, que es muy breve y conciso: https://github.com/arturnt/jquery.grayscale.js
esto usa el mismo servicio (roto) que la biblioteca de prydie –
¿Qué navegador está roto? – Art
cuando lo miré, era el servicio web que estaba roto. Estaba muerto. –
¿El sitio web no funciona? – robertjuh