Vale
El error esta en la funcion JavaScript y en el PHP.
Este es el HTML de tu página:
Código HTML:
<select name="raza" class="textarea" id="raza" onchange="abrir_imagen('../../imag/hotdiggitydog/afghanhead.jpg')">
<option value="AFG">Afgano</option>
<option value="AFG2">Afgano 2</option>
<option value="SAL">Saluki</option>
</select>
El error es este:
onchange="abrir_imagen('../../imag/hotdiggitydog/afghanhead.jpg')">. Cada vez que se produzca el evento onChange se cargará la imagen: afghanhead.jpg; capichi?
Vale lo que puedes hacer es lo siguiente, a cada elemento del listado le debes dar el nombre de la imagen a cargar ej:
Código HTML:
<select name="raza" class="textarea" id="raza" onchange="abrir_imagen2()">
<option value="afgano.jpg">Afgano</option>
<option value="afgano2.jpg">Afgano 2</option>
<option value="saluki.jpg">Saluki</option>
</select>
Esto lo tendras que hacer con PHP en el bucle.
Luego la funcion JavaScript debe ser algo asi
Código HTML:
function abrir_imagen2()
{
var Url = "http://tu_url/hacia/las/imagenes/";
document.getElementById('imagen').src = Url + document.getElementById('raza').value;
}
De este modo conseguirás el efecto que deseas.
Suerte!!