JavaScript puede cambiar las imágenes
- ¿Por qué es Javascript un lenguaje tan poderoso y popular para crear aplicaciones web?
- En términos de convención sobre la configuración, ¿se debe construir un modelo o controlador primero en una aplicación Rails?
- ¿Qué debo usar para alinear mi texto al centro dentro de un div?
- ¿Cuál es el mejor tutorial HTML5 para un principiante absoluto?
- ¿Qué significa decir que una tabla de base de datos está en tercera forma normal (3NF)?
Haga clic en la bombilla para encender / apagar la luz.
función changeImage () {
var image = document.getElementById (‘myImage’);
alerta (image.src);
if (image.src == “pic_bulboff.gif”) {
image.src = “pic_bulbon.gif”;
} más {
image.src = “pic_bulboff.gif”;
}
}
Puede ver que la imagen src devuelta es la url absoluta del archivo y no solo el nombre del archivo y la comparación falla.
si quieres compararlo usando el nombre puedes usarlo así
JavaScript puede cambiar las imágenes
Haga clic en la bombilla para encender / apagar la luz.
función changeImage () {
var image = document.getElementById (‘myImage’);
var imgname = image.src.substr (image.src.lastIndexOf (“/”) + 1, image.src.length);
if (imgname == “pic_bulboff.gif”) {
image.src = “pic_bulbon.gif”;
} más {
image.src = “pic_bulboff.gif”;
}
}