jquery.lightbox + MySql

[Arie]

Hola a todos,

Quiero mostrar un visor de imagenes en mi pagina, para ello
descargue el jquery.lightbox; pero el jquery.lightbox llama las imagenes desde una carpeta del servidor, un thumbnails(imagen miniatura), y la imagen normal que es la que se despliega.

Bien; Lo que yo deseo es llamar las imagenes desde la BD MySql;
Inserto las imagenes su original y su thumbnails usando la librería GD de PHP;

Ahora solo necesito mostrarlas en el jquery.lightbox, esta seria mi pregunta.
Pense hacerlo de esta manera pero me da error:

Código PHP:

<link rel="stylesheet" type="text/css" href="../style-projects-jquery.css" />    
    
    <!-- Arquivos utilizados pelo jQuery lightBox plugin -->
    <script type="text/javascript" src="../../js/jquery.js"></script>
    <script type="text/javascript" src="../../js/jquery.lightbox-0.5.js"></script>
    <link rel="stylesheet" type="text/css" href="../../css/jquery.lightbox-0.5.css" media="screen" />
    <!-- / fim dos arquivos utilizados pelo jQuery lightBox plugin -->
    
    <!-- Ativando o jQuery lightBox plugin -->
    <script type="text/javascript">
    $(function() {
        $('#gallery a').lightBox();
    });
    </script>
    <style type="text/css">
    /* jQuery lightBox plugin - Gallery style */
    #gallery {
    padding: 10px;
    width: 100px;
    background-image: url(../../photos/fondo.png);
    }
    #gallery ul {
    list-style: none;
}
    #gallery ul li { display: inline; }
    #gallery ul img {
        border: 5px solid #D0CECE;
        border-width: 5px 5px 20px;
    }
    #gallery ul a:hover img {
    border: 5px solid #D3C6DD;
    border-width: 5px 5px 0px;
    color: #ff1;
    background-color: #D0CECE;
    }
    #gallery ul a:hover {
    color: #D0CECE;
}
    </style>
div id="gallery">
<?php
$sql = "SELECT tipo, imagen, miniatura, titulo FROM imagen, pagina
            WHERE pagina.idpagina = imagen.pagina_idpagina AND pagina.pagina_pertenece_idpagina_pertenece = 6";
  
 
  $resultado = EjecutarSQL($sql);
  while(($fila = mysql_fetch_array($resultado))!=false){
  //tipo de archivo a enviar en este caso puede ser JPG, JPEG, PNG, etc
  header('Content-type: '. $fila['tipo']);
  // el titulo del archivo
  header("Content-Disposition: inline; filename=".$fila['titulo']);   
  //  $fila['imagen'] es la imagen contamaño normal
?>
<p><a href="<?php echo $fila['imagen'];?>" title="<?php echo $fila['titulo'];?>"><img src="<?php echo $fila['miniatura'];?>"width="72" height="72" alt="" /></p>
<?php }// fin while ?>
</div>
 

El ERROR que me da es el Siguiente:

Warning: Cannot modify header information - headers already sent by (output started at C:\AppServ\www\laespora\administrador\paginas\viso r_en_q_estamos.php:1) in C:\AppServ\www\sitio\admin\pagina\visor.php on line 50

Gracias.

[danico90]

Ese error pasa porque no se pueden poner headers despues de que algo haya sido enviado por pantalla.
Quitale los headers o colocalos de primero

[Arie]

GRACIAS POR TU REPUESTA.
segui tu sugerencia, de quitar los headers, pero me imprime las imagenes en binario.

Código PHP:

<div id="gallery">
<?php
$sql = "SELECT tipo, imagen, miniatura, titulo FROM imagen, pagina
            WHERE pagina.idpagina = imagen.pagina_idpagina AND pagina.pagina_pertenece_idpagina_pertenece = 6";
  
 
  $resultado = EjecutarSQL($sql);
  while(($fila = mysql_fetch_array($resultado))!=false){
?>
<p><a href="<?php echo $fila['imagen'];?>" title="<?php echo $fila['titulo'];?>"><img src="<?php echo $fila['miniatura'];?>" width="72"  height="72" alt="" /></p>
<?php }// fin while ?>
</div>
 

Algo que probe fue en el archivo visor.php llamo el siguiente mostrar_miniatura.php que contenia la consulta

Código PHP:

<?php include_once("funciones.php"); ?>
<?php
$sql = "SELECT tipo, imagen, miniatura, titulo FROM imagen, pagina
            WHERE pagina.idpagina = imagen.pagina_idpagina AND pagina.pagina_pertenece_idpagina_pertenece = 6";
  
  $resultado = EjecutarSQL($sql);
  while(($fila = mysql_fetch_array($resultado))!=false){
  //tipo de archivo a enviar en este caso puede ser JPG, JPEG, PNG, etc
   header('Content-type: '. $fila['tipo']);
  // el titulo del archivo
   header("Content-Disposition: inline; filename=".$fila['titulo']);   
  // se muestra el archivo
   echo $fila['miniatura'];  
  }// fin while 
?>
 

La llamaba de esta manera en visor.php

Código PHP:

<div id="gallery">
<p><a href="mostrar_imagen.php" title="EL TITULO.."><img src="mostrar_miniatura.php" width="72"  height="72" alt="" /></p>
</div>
 

el archivo mostrar_imagen.php es casi igual al de mostrar_miniatura.php con la diferencia en la parte de:

Código PHP:

echo $fila['imagen'];
 

ME MUESTRA IMAGEN PERO SOLO UNA, EN ESTE CASO LA PRIEMERA DE LA TABLA,
NO ME MUETRA LAS DEMAS.

Fue por esta razón que la consulta la hago en el archivo visor.php para usar el while y poner el TITULO respectivo a cada imagen

Código PHP:

<div id="gallery">
<?php
$sql = "SELECT tipo, imagen, miniatura, titulo FROM imagen, pagina
            WHERE pagina.idpagina = imagen.pagina_idpagina AND pagina.pagina_pertenece_idpagina_pertenece = 6";
  
 
  $resultado = EjecutarSQL($sql);
  while(($fila = mysql_fetch_array($resultado))!=false){
?>
<p><a href="<?php echo $fila['imagen'];?>" title="<?php echo $fila['titulo'];?>"><img src="<?php echo $fila['miniatura'];?>" width="72"  height="72" alt="" /></p>
<?php }// fin while ?>
</div>
 

espero una sugerencia,

Gracias.

[mayid]

Creo que no tenias por que borrar los headers, sino publicarlos al tope de la pagina:

header('Content-type: '. $fila['tipo']);
// el titulo del archivo
header("Content-Disposition: inline; filename=".$fila['titulo']);
// $fila['imagen'] es la imagen contamaño normal

Yo nunca los declaro con PHP sino con html, dicho sea de paso.

[danico90]

Esos headers son de un archivo de imagen, por lo que se mostraría una imagen en el navegador, lo que yo hago siempre es usar una sola imagen y uso una función de redimensionar y paso la imagen por parámetro y el width y el height, lo hago como el ultimo ejemplo que colocaste, algo así:

Código PHP:

  <?php
$consulta = mysql_query("select * from tabla");
 
while($item = mysq_fetch_array($consulta)) {
?>
           <a href="<?=$item['imagen']?>">
           <img src="redimensionar.php?w=100&h=100&imagen=<?=$item['imagen']?>" title="<?=$item['titulo']?>">
           </a>
<?php
}//fin del while
?>   

Puedes ver que el href esta hacia la imagen, por lo tanto el lightbox usara esa y no la redimensionada.

Esta es la funcion de redimesionar que uso, tiene que estar en un documento sola:

Código PHP:

  <?php
$anchura=$_GET['w'];
$hmax=$_GET['h'];
$nombre=basename($_GET['imagen']);
$datos = getimagesize($nombre);
if($datos[2]==1){$img = @imagecreatefromgif($nombre);}
if($datos[2]==2){$img = @imagecreatefromjpeg($nombre);}
if($datos[2]==3){$img = @imagecreatefrompng($nombre);}
$ratio = ($datos[0] / $anchura);
$altura = ($datos[1] / $ratio);
if($altura>$hmax){$anchura2=$hmax*$anchura/$altura;$altura=$hmax;$anchura=$anchura2;}
$thumb = imagecreatetruecolor($anchura,$altura);
imagecopyresampled($thumb, $img, 0, 0, 0, 0, $anchura, $altura, $datos[0], $datos[1]);
if($datos[2]==1){header("Content-type: image/gif"); imagegif($thumb);}
if($datos[2]==2){header("Content-type: image/jpeg");imagejpeg($thumb);}
if($datos[2]==3){header("Content-type: image/png");imagepng($thumb); }
imagedestroy($thumb);
?>