Cambiar imágenes según lista con valores de base de datos

[bienpiyao]

Muy buenas cracks,

Tengo un problemilla y tras pasar bastante rato mirando en internet no he conseguido dar con la solución.

Os explico muy brevemente. Tengo un select con varias opciones, el número de opciones depende de cada usuario, por lo que las combinaciones son infinitas. Los valores de ese select, se cogen de una base datos. Cada valor lleva asociado una imagen y lo que quiero es que, cada vez que el usuario cambie el select, la imagen cambie acorde a lo que elige. He visto códigos que valen para valores "fijos", pero en este caso no me vale, pues dependerá de la configuración de cada usuario, por lo que para uno puede haber 10 opciones, para otro 25 y para otro a lo mejor sólo 2. Eso sí, siempre será items de una lista de unos 600.

Espero haberme explicado bien y que alguien me pueda echar una mano.

Muchas gracias por anticipado.

Un saludo.

[franciscoooooouu]

Código Javascript:

<script>
function cambiarimagen(img) {
  document.getElementById("imagencambiante").src=img;
}
</script>
 

Código HTML:

<img id="imagencambiante" src="ImagenPorDefecto.jpg">
<br>
<select onchange="cambiarimagen(this.value)" name="imagen">
  <option value="imagen1.jpg">Imagen 1
  <option value="imagen2.jpg">Imagen 2
  <option value="imagen3.jpg">Imagen 3
  <option value="imagen4.jpg">Imagen 4
</select>
 

No sé si funcionará, no lo he probado, y si es esto lo que quieres. Se puede hacer de muchas formas pero esto es lo más básico. Si en el value no quisieras poner el link de la imagen puedes montártelo con un ajax para que recoja el link desde el id de la imagen o algo así.

Ya me dices, saludos :)

[bienpiyao]

Buenas franciscoooooouu,

Gracias por responder.

Ese código lo he visto y lo he probado ya, pero no me sirve, porque esto:

<option value="imagen1.jpg">Imagen 1

No me vale, ya que la imagen puede ser cualquiera de entre unas 600 y siempre es un valor sacado de una base de datos, por lo que de antemano, no sé cual es (es decir, no podría hacer una lista a priori).

Sería algo parecido a ésto, pero dinámico. Es decir, hago la consulta a la base de datos, ésta me devuelve 15 registros (por ejemplo), por lo tanto, mi select tendrá 15 opciones con sus correspondientes imágenes. Lo que quiero es conforme el usuario vaya cambiando opciones en el select, la imagen vaya cambiando en consecuencia. Es justo eso lo que necesito.

Muchas gracias igualmente.

Un saludo.