imágenes con transición

[lyra]

Hola a todos/as:

A ver si me podeis ayudar con esto:

Tengo un script en php que se conecta a una base de datos, de donde lee las variables para crear una galeria con miniaturas y al pinchar en éstas abren en un div la foto en grande.

Este es el código que carga las imágenes.

Código PHP:

  
<div id="contenido"> 
                <h1>Galer&iacute;a de Imágenes</h1> 
                    <div id="foto"> 
                    <? 
                      if(isset($imagen)){ 
                          echo "<img src='galeria/grandes/$imagen' alt='galeria'/>"; 
                          }else{ 
                          echo "<img src='galeria/grandes/1211448704.jpg' alt='galeria'/>"; 
  } 
  ?> 
                    </div> 
                    <ul id="galeria"> 
                    <?php 
                    if(mysql_num_rows($res) > 0){ 
                    while(list($imagen) = mysql_fetch_array($res)){ 
                    echo "<li>";  
                    echo "<a href='galeria.php?imagen=$imagen'><img src='galeria/miniaturas/$imagen' alt='galeria' class='Estilo7'/></a>";  
                    echo "</li>";  
                     
                    } 
                    }else{ 
                    echo "<td>No se han obtenido resultados</td>"; 
                    } 
                    mysql_free_result($res); 
                    mysql_close($cnx); 
                    ?> 
                    </ul> 
                </div>  

La pregunta es:

¿Cómo puedo crear un efecto de transición entre las imágenes al cargarlas, bien sea brillo o alpha, cómo los que aparecen el las galerias de flash, pero sin usar flash?

Gracias,
Lyra

[GatorV]

Hola lyra,

Con PHP no puedes hacerlo, ocupas de una tecnologia del lado del cliente como HTML con Javascript.

Saludos.

[lyra]

Entonces, ¿tengo que adaptar un javascript en este código?.

Por favor, ¿podrías orientarme un poco más de como hacerlo?.

Gracias

[Keysher]

Tendrías que modificar ese código para que, en vez de cargar una página nueva cuando pinchas en una imagen, se cargue en un div.

Esto es tarea de JavaScript, así que te ayudarán mejor en el foro correspondiente. Otra cosa es que, si son muchas imágenes puede ser muy pesado precargarlas todas en su tamaño original, en éste caso una mejor solución sería usar AJAX o una tecnología similar.

[vb2005]

ve al foro de javascript aver si te puden hechar una mano, es obvio que no se puede adaptar un codigo php a javascript, menos en estos casos

[lyra]

Vale lo intento en el foro de ajax.

Gracias

[GatorV]

Lo que puedes hacer solamente desde PHP es imprimir el código Javascript correcto y ya, el como lo ejecutes y si haces transiciones y eso depende 100% del cliente.

Saludos.