¿Es posible establecer la transparencia de cualquier imagen en javascript? ¿Y cómo puedo hacer eso?Imagen transparente: ¿es posible en JS?
Respuesta
Si se utiliza sin formato Javascript esto debería funcionar:
function SetOpacity(imageid, opacity) {
var s= document.getElementById(imageid).style;
s.opacity = (opacity/100);
s.MozOpacity = (opacity/100);
s.KhtmlOpacity = (opacity/100);
s.filter = 'alpha(opacity=' + opacity + ')';
}
Llamada por: SetOpacity('myImg', 50); //Half transparent
Sería más eficiente usar una variable para opacity/100: var decentBrowserOpacityValue = opacity/100, O sea que la opacidad sea un valor entre 0-1, y use s.filter = 'alpha (opacity =' + (opacity * 100) + ')'; – KooiInc
@Kooilnc - Posiblemente, ¿es 1 asignación variable y 1 división más barata que 3 divisiones? No estoy seguro, pero apuesto a que es una diferencia infinitesimalmente pequeña de cualquier manera. En este caso, la gran mayoría de su trabajo es el motor de renderizado del navegador que hace que la imagen sea transparente ... la diferencia en la asignación de variables aquí es una micro-optimización que podría hacer que el código sea menos legible, por lo que tiendo a permanecer alejado en estos casos simples . –
@Nick Craver: en realidad es micro, pero ya sabes cómo es: muchos micros tienden a convertirse en uno grande. Otro punto puede ser la "orientación microsoft" de la función, que aborde en la cláusula OR. Bueno, es una cuestión de gusto, supongo. – KooiInc
- 1. ¿Es posible crear un lienzo transparente
- 2. Posible crear una sombra css sobre fondo transparente Imagen PNG?
- 3. Copia de una imagen transparente sobre otra imagen transparente
- 4. imagen de fondo transparente
- 5. ¿Es posible crear una imagen de transparencia transparente/capa de enmascaramiento utilizando canvas?
- 6. Imagen de gradientes CSS3 en transparente
- 7. Escribir texto transparente en la imagen
- 8. máscara de imagen transparente en css overflow
- 9. WPF Cursor en una imagen parcialmente transparente
- 10. Android OpenGL ES Fondo transparente
- 11. Convolviendo una imagen con OpenGL ES en iPhone: ¿es posible?
- 12. Imagen SVG con colores CMYK: ¿es posible?
- 13. Puede superponer un div transparente en una imagen
- 14. Obtener BoundingBox de una imagen transparente?
- 15. ¿Crear imagen con fondo transparente usando GDI +?
- 16. Borrar un BufferedImage transparente lo más rápido posible
- 17. Imagen de PHP con fondo transparente
- 18. Cómo crear una imagen con fondo transparente
- 19. Hacer parte de una imagen transparente
- 20. Cómo cargar una imagen transparente desde ImageList?
- 21. ¿Es posible pausar/reanudar/manipular un swiffyobject de JS?
- 22. ¿Detecta si un archivo de imagen PNG es una imagen transparente?
- 23. Blitting una imagen .PNG transparente en una pantalla
- 24. ¿Es posible insertar imagen en un comentario de código?
- 25. ¿Es posible escuchar evento de carga de imagen en SVG?
- 26. ¿Es posible trazar una imagen en un mapa con matplotlib?
- 27. Imagen PNG transparente (con TImageList) en un TMainMenu
- 28. Fusión de fondo con imagen transparente en PIL
- 29. Fondo JFrame transparente
- 30. Crear una imagen con un fondo transparente en ImageMagick
¿Está utilizando cualquier librería javascript/marco, o simplemente vainilla JS? –
para mí JS es javascript en bruto. Entonces no estoy usando ninguno. – oneat