Quiero cambiar la imagen de fondo de una div con un click, y luego con otro click volverlo al color original. He probado dos opciones y ambas funcionan bien en IE y Firefox, pero no en Opera, Safari ni Chrome. No sé si será un problema de esos navegadores con javascript.
Código :
function masclick(d) { if (document.getElementById(d).style.backgroundImage=="url(/img/fondo2.png)") { document.getElementById(d).style.backgroundImage="url(/img/fondo1.png)"; } else { document.getElementById(d).style.backgroundImage="url(/img/fondo2.png)" } }
Este código en los 3 navegadores que menciono, cambia a fondo2, pero luego no vuelve a cambiar a fondo1. Como digo, en IE y Firefox lo hace correctamente.
Este otro:
Código :
function masclick(d) { document.getElementById(d).style.backgroundImage = document.getElementById(d).style.backgroundImage? "url(/img/fondo1.png)":"url(/img/fondo2.png)" }
Funciona igual en todos. Cambia de fondo1 a fondo2 y nuevamente a fondo1 al volver a hacer click, pero luego deja de funcionar (osea hace el ciclo una sola vez).
Pienso que la primera función tiene más potencial, pero al parecer el if no es correctamente leido por algunos navegadores. ¿Qué opinan?
Saludos!