Ver Mensaje Individual
  #4 (permalink)  
Antiguo 19/05/2008, 08:39
isra00
Invitado
 
Mensajes: n/a
Puntos:
Respuesta: cambiar imagen con Select

A ver, si la lista de imágenes no es grande puedes cargarla con PHP:

Código PHP:
<?php
    $imagenes
=array("img1.jpg","sdf.png","foto3.gif");
?>
<html>
<head>
    <script type="text/javascript">
    imagenes=new Array();
    <?php foreach ($imagenes as $i=>$v) echo "imagenes[$i]=\"$v\";\n" ?>
    </script>
</head>
<body>
    <select onchange="document.getElementById('elIdDeLaImagen').src=imagenes[parseInt(this.options[this.selectedIndex].value)]">
        <option value="0">Primera opción</option>
        <option value="1">Segunda opción</option>
        <option value="2">Tercera opción</option>
    </select>
    <img id="elIdDeLaImagen" alt="Motos">
</body>
</html>
La línea
Código PHP:
$imagenes=array("img1.jpg","sdf.png","foto3.gif"); 
debes sustituirla por tus datos (obtenidos de la BD o como quieras).

Si la lista es muy larga o, por lo que sea, no quieres pre-cargar todas las opciones en JavaScript, sino que quieres que cada vez que se elija una opción se busque el registro correspondiente en la BD, puedes usar AJAX o remote-scripting (personalmente prefiero esta última técnica). Si lo necesitas, dímelo y te sugiero algún código.

Espero que te sirva. Un abrazo,
Isra