Ver Mensaje Individual
  #1 (permalink)  
Antiguo 12/12/2009, 10:20
Arie
 
Fecha de Ingreso: diciembre-2009
Mensajes: 2
Antigüedad: 15 años
Puntos: 0
Sonrisa jquery.lightbox + MySql

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:
Ver original
  1. <link rel="stylesheet" type="text/css" href="../style-projects-jquery.css" />    
  2.    
  3.     <!-- Arquivos utilizados pelo jQuery lightBox plugin -->
  4.     <script type="text/javascript" src="../../js/jquery.js"></script>
  5.     <script type="text/javascript" src="../../js/jquery.lightbox-0.5.js"></script>
  6.     <link rel="stylesheet" type="text/css" href="../../css/jquery.lightbox-0.5.css" media="screen" />
  7.     <!-- / fim dos arquivos utilizados pelo jQuery lightBox plugin -->
  8.    
  9.     <!-- Ativando o jQuery lightBox plugin -->
  10.     <script type="text/javascript">
  11.     $(function() {
  12.         $('#gallery a').lightBox();
  13.     });
  14.     </script>
  15.     <style type="text/css">
  16.     /* jQuery lightBox plugin - Gallery style */
  17.     #gallery {
  18.     padding: 10px;
  19.     width: 100px;
  20.     background-image: url(../../photos/fondo.png);
  21.     }
  22.     #gallery ul {
  23.     list-style: none;
  24. }
  25.     #gallery ul li { display: inline; }
  26.     #gallery ul img {
  27.         border: 5px solid #D0CECE;
  28.         border-width: 5px 5px 20px;
  29.     }
  30.     #gallery ul a:hover img {
  31.     border: 5px solid #D3C6DD;
  32.     border-width: 5px 5px 0px;
  33.     color: #ff1;
  34.     background-color: #D0CECE;
  35.     }
  36.     #gallery ul a:hover {
  37.     color: #D0CECE;
  38. }
  39.     </style>
  40. div id="gallery">
  41. <?php
  42. $sql = "SELECT tipo, imagen, miniatura, titulo FROM imagen, pagina
  43.             WHERE pagina.idpagina = imagen.pagina_idpagina AND pagina.pagina_pertenece_idpagina_pertenece = 6";
  44.  
  45.  
  46.   $resultado = EjecutarSQL($sql);
  47.   while(($fila = mysql_fetch_array($resultado))!=false){
  48.   //tipo de archivo a enviar en este caso puede ser JPG, JPEG, PNG, etc
  49.   header('Content-type: '. $fila['tipo']);
  50.   // el titulo del archivo
  51.   header("Content-Disposition: inline; filename=".$fila['titulo']);  
  52.   //  $fila['imagen'] es la imagen contamaño normal
  53. ?>
  54. <p><a href="<?php echo $fila['imagen'];?>" title="<?php echo $fila['titulo'];?>"><img src="<?php echo $fila['miniatura'];?>"width="72" height="72" alt="" /></p>
  55. <?php }// fin while ?>
  56. </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.

Última edición por Arie; 14/12/2009 a las 11:17 Razón: Para encontrar una rapidad repuesta