Cambiar imagen según selección

[popas88]

Tengo una imagen estatica en html. Y quiero que al cambiar el idioma de la página esa imagen cambie. Es decir si tengo una imagen en castellano y hago click en gallego, esa imagen se convierta en gallego... Creo que con Javascript es la forma más facil. Alguien me podria ayudar????? porfavor. Gracias

[zerokilled]

primero tienes que identificar el elemento <img> de alguna forma. alguna de las alternativas son:

• getElementById para obtenerlo por id
• document.images, para obtenerlo por indice o por nombre
• por estructura del documento, firstChild, childNodes o alguna variante. pero es darle demasiada vuelta comparado a las anteriores alternativas.

una vez obtengas la referencia del elemento solo tienes que cambiar el valor de src por la ruta de la nueva imagen.

[popas88]

Muchisimas gracias zerokilled. Me acabo de apuntar en este foro pero me parece que le voy a dar mucho uso! Gracias!

[popas88]

ultima cosita... ya he cambiado lo que me has dicho. Pero ahora para que cambie al hacer click en el idioma?


<script type="text/javascript">

document.images['español'].src = "gallego.jpg"


</script>

[zerokilled]

cierto, me olvide de ese detalle. tienes que crear un evento en el elemento en que el usuario debe pulsar. en este caso el evento es onclick y dentro de este ubicas el codigo que has creado.

[popas88]

pues muchisimas gracias zerokilled. Te tendre presente en mis oraciones! jajajajaja

[popas88]

pero segun tu ultimo mensaje mi codigo:

<script type="text/javascript">

document.images['español'].src = "gallego.jpg"

</script>

no serviria de nada no? porque si lo pongo otra vez en el onclick... y si al hacer click en gallego este texto se convierte en español. Con este codigo, en caso de volver a darle al apartado español volveria a ponerse la foto antigua? Sq no tengo ni idea de javascript. soy mas de html,css y un poquito de php. Mi intencion es ir aprendiendo... Spero disculpes mi insistencia.

[zerokilled]

pero segun tu ultimo mensaje mi codigo: no serviria de nada no?

dependiendo como has creado el evento, el codigo anterior puede o no ser necesario. es decir, lo incluyes una sola vez. si lo agregas como atributo del elemento, no es necesario tenerlo entre <script>.

Con este codigo, en caso de volver a darle al apartado español volveria a ponerse la foto antigua?

no. necesitas agregarle un poco de logistica. es decir, tienes que determinar cual es la ruta actual para asi decidir cual valor asignar. un simple if/else es la solucion.