Comunidad de diseño web y desarrollo en internet online

Galeria de Fotos Php - Mysql

Citar            
MensajeEscrito el 21 Jul 2010 04:01 pm
Hola a todos por aqui, estoy desarrollando una web de exalumnos de un colegio donde tienen que registrarse y tener un perfil de usuario para poder subir fotos, escribir articulos y hacer comentarios, con mucho esfuerzo y con la ayuda de muchos genios de por aqui (por que soy un poco novato en el mundo del php) logre hacerlo, pero tengo un pequeño problema.. que un usuario cuando sube muchas fotos a su perfil es un poco tedioso para otro usuario que esta viendo esas fotos clicar una a una en las miniaturas para poder verlas ampliadas si son veinte fotos siempre hay que volver atras para clicar en otra y poder verla en grande, la idea es hacer dos botones (links) [Anterior] - [Siguiente] para poder ver las fotos grandes sin tener que volver a ver las miniaturas, si alguien me puede dar al menos una idea estaré agradecido.

Adjunto parte del codigo que me visualiza las miniaturas de las fotos de un usuario.

Código :

.......
....... 
include ("config_db.php");
$link=mysql_connect($serverDB,$userDB,$passwdDB);
$query = "SELECT id FROM usuario_fotos WHERE id_username='$id_usuario'";
$result=mysql_db_query($databasename,$query,$link);
$num_fotos = mysql_num_rows($result); // aqui tengo el numero de registros / nro de fotos

.......
.......

$array = mysql_fetch_array($result);
    $id_foto = $array['id'];
   // mando el id de la foto en miniatura a fotos_member.php para que pueda ser vista ampliada..
   ?>
    <td height="100" align="center" bgcolor="#EEEEEE" style="border:solid; border-width:thin; border-color:#CCCCCC">
     <a href="fotos_members_ampl.php?id=<?php echo $id_foto; ?> && id_username=<?php 
     echo $array['id_username']; ?>">
     <img src="users/imgs_usuarios/
     <?php
      echo $array['foto_name'];
     ?>"
     height='85' border="0"/></a>
     
    </td>


Espero me haya explicado bien y me puedan ayudar a completar mi sistema de usuarios, de antemano muchas gracias por su tiempo.

Por cesarobcn

11 de clabLevel



 

Perú/Barcelona-Spain

msie8
Citar            
MensajeEscrito el 21 Jul 2010 06:38 pm
lo mejor que existe son el uso de lightbox para lo que dices

http://www.huddletogether.com/projects/lightbox2/

Saludos

Por 22

79 de clabLevel



 

Uruguay

safari
Citar            
MensajeEscrito el 21 Jul 2010 06:53 pm
Gracias amigo pero la idea es programacion php ademas las fotos salen de una BD mysql, de todas formas gracias por tu tiempo, sigo esperando alguna idea please..

Por cesarobcn

11 de clabLevel



 

Perú/Barcelona-Spain

msie8
Citar            
MensajeEscrito el 22 Jul 2010 05:16 am
pero no tiene nada que ver que sea con php y que uses bases de datos.
con estos ligthbox lo unico que tienes que hacer es importar el script en el head del html y luego unos enlaces con la propiedad rel = lightbox asi el script sabra que esos enlaces van a abrir una nueva imagen.

Código PHP :

echo '<div class="imgLightBox">';
               $dir = "http://www.spedevigner.com/cake/app/webroot/news/".$datos['Image']['noticia_id']."/".$datos['Image']['url'];
               echo "<a href='".$dir."' rel='lightbox'>
                    <img src='".$dir."' width='".$datosImg[0]."' height='".$datosImg[1]."' style='border:none;' />
                    </a>";
            echo '</div>';


yo por ejemplo ahi en mi sitio cargo las imagenes de las noticias que subo y les aplico el ligthbox el cual funciona para las imagenes que vaya actualizando nuevas.
nose si me explico bien, pero el script de javascript cuando se ejecuta el codigo busca en el html todas las imagenes que tengan un enlace con rel= lightbox entonces estas imagenes las abre en grande.

Por 22

79 de clabLevel



 

Uruguay

chrome

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.