intercambio de imagenes gif

damian0021 · #1 (**permalink**) 29/05/2007, 12:06

Hola, me preguntaba si hay alguna forma de intercambiar
imagenes gif con ajax.

ZiTAL · #2 (**permalink**) 30/05/2007, 07:14

para eso no es necesario ajax, puedes cambiar solo con javascript, ejemplo:

Código HTML:

<html>
<head>
<script type="text/javascript">
 function chimg(esto,img)
  {
    esto.src=img;
  }
</script>
</head>
<body>
<img src="images/1.gif" onmouseover="chimg(this,'images/2.gif')" onmouseout="chimg(this,'images/1.gif')" />
</body>
</html>

lo he hecho de memoria pero creo que funcionará ;)

damian0021 · #3 (**permalink**) 31/05/2007, 18:00

hola ZiTAL gracias por tu respuesta pero no me sirve.
Mira uso un codigo ajax en la pagina para hacer un selec desendiente y quiero que el primer selec cambien una imagen.
Logre hacerlo que funcionara para los jpg, pero con los gif que tienen aminaciones no anda bien. mezcla las animaciones de dos gif distintos, no se bien lo que hace. :S

El codigo que uso es algo así:

Código PHP:

  <?php

function generaRemeras()

{

    include 'conexion.php';

    conectar();

    $consulta=mysql_query("SELECT id, opcion FROM lista_remeras");

    desconectar();

 
    echo "<option value='0'>Elige</option>";

    while($registro=mysql_fetch_row($consulta))

    {

        echo "<option value='".$registro[0]."'>".$registro[1]."</option>";

    }

}

?>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

<html lang="es">

<head>

<script type="text/javascript" src="select_dependientes.js"></script>

<script language="javascript" src="js/isiAJAX.js"></script>

</head>

<body class="cuerpo" onLoad="myajax = new isiAJAX();">

 
//foto a cambiar

<img src="remera_1.gif" name="fotos" width="448" height="365" id="imagen" />

 
<div id="demo" style="width:417px;">

    <div id="demoDer">

        <select disabled="disabled" name="talles" id="talles">

             <option value="0">Selecciona opci&oacute;n...</option>

        </select>

        </div>

    <div align="right"></div>

    <div id="demoIzq">

        <select name="color" id="remera" onChange="cargaContenido(this.id);myajax.Img('remera_'+remera.value+'.gif','imagen');">              <?php generaRemeras(); ?>

        </select>

    </div>

</div>

 
 
</body>

</html>

damian0021 · #4 (**permalink**) 11/06/2007, 08:14

a nadie se le ocurre nada :( ?

damian0021 · #5 (**permalink**) 18/06/2007, 12:48

la funcion myajax.Img('remera_'+remera.value+'.gif','imagen')
es de una libreria que lo que hace es cambia la imagen en pantalla dependiendo de lo que elijamos en el selec desendiente del formulario.

Cuando uso imagenes jpg anda sin ningun problema, pero cuando quiero usar gifs animados deja de andar... y no se porque.

Eh intentado leer la libreria isiajax pero es muy complicada para mi :(

caricatos · #6 (**permalink**) 19/06/2007, 00:41

Hola:

Si tu función vale con imágenes jpg, no es lógico que deje de funcionar con imágenes gif... solo se me ocurre que no haya imágenes (la url que fabricas no coincida con la verdadera...)
Tal vez sean imágenes con más peso y no terminen de cargarse...

Saludos

damian0021 · #7 (**permalink**) 19/06/2007, 10:53

Caricatos, el error que me da es sumamente raro. Y difiere segun el explorador.

FireFox, aparentemente pareciera andar bien.
Opera, carga las imagenes cuando quiere.
Explorer, despues de seleccionar la 3ra imagen comienza a mezclar los frames de los gif.

Para que lo puedan comprobar ustedes mismos les dejo la reccion del ejemplo.

http://www.remeramas.com.ar/ajax/img/img.html

Nota: Cada gif contiene el frente y dorso de una remera de un solo color.