Tema: Problema lightbox en php
Ver Mensaje Individual
  #3 (permalink)  
Antiguo 14/12/2010, 16:58
pablOOO5
Invitado
  
Mensajes: n/a
Puntos:
Respuesta: Problema lightbox en php
Uso el codigo que vino con la galeria, solamente lo saque como ya vino impreso en ejemplo que descargue y solamente, lo copie y lo pegue, y ademas cambie algunos parametros como para que encuentre las fotos y esas cosas.
Y lo inclui ahi porque me paresio lo mas simple, ya que si lo pegaba dentro del body, no me tomaba las fotos incrustando codigo en php (y la verdad nose porque) por ejemplo
Código PHP: 
Ver original
  1. <a href="photos/<?php $imagen?>" title="Utilize a flexibilidade dos seletores da jQuery e crie um grupo de imagens como desejar. $('#gallery').lightBox();">
  2.                 <img src="photos/<?php $imagen?>" width="72" height="72" alt="" />
  3.             </a>
De todas formas creeria que no esta mal incluirlo ahi.
Y el body, no lo pegue, pero si esta, es nada mas que queria que alguien me aconsejara, o en su defecto me corrigiera, aunque aqui te muestro el codigo completo.

Código HTML: 
Ver original
  1. <?php
  2. include("includes/conectar.php");
  3.  
  4. if($_REQUEST[id]){
  5.     $rs =   mysql_query("SELECT * FROM 1dormitoriov WHERE id_1dormitoriov = '$_REQUEST[id]'");
  6.     
  7. while($fila = mysql_fetch_assoc($rs)){
  8.     
  9.     $imagen = $fila[id_1dormitoriov].".jpg";
  10.     $imagen1 = $fila[id_1dormitoriov].".jpg";
  11.     $imagen2 = $fila[id_1dormitoriov].".jpg";
  12.     $nombreProducto = $fila["nombre"];
  13.     $precioProducto = $fila["precio"];
  14.     $descripcionProducto = $fila["descripcion"];
  15.     $productos= $productos .'<div id="gallery">
  16.                                         <ul>
  17.                                             <li>
  18.                                                 <a href="productos/'.$imagen.'" title="Utilize a flexibilidade dos seletores da jQuery e crie um grupo de imagens como desejar. $( #gallery a).lightBox();"  >
  19.                                                     <img src="photos/thumb_image1.jpg" width="72" height="72" alt="" />
  20.                                                 </a>
  21.                                             </li>
  22.                                             <li>
  23.                                                  <a href="productos1/'.$imagen1.'" >
  24.                                                     <img src="photos/thumb_image2.jpg" width="72" height="72" alt="" />
  25.                                                 </a>
  26.                                             </li>
  27.                                             <li>
  28.                                                  <a href="productos2/'.$imagen2.'" >
  29.                                                     <img src="photos/thumb_image3.jpg" width="72" height="72" alt="" />
  30.                                                 </a>
  31.                                             </li>
  32.                                            </ul>
  33. </div>
  34. ';
  35. }
  36. }
  37. ?>
  38. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
  39. <html xmlns="http://www.w3.org/1999/xhtml">
  40. <head>
  41.     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  42.     <title>jQuery lightBox plugin</title>
  43.  
  44.     <link rel="stylesheet" type="text/css" href="../style-projects-jquery.css" />
  45.     <link href="css/estilo.css" rel="stylesheet" type="text/css" />    
  46.     
  47.     <!-- Arquivos utilizados pelo jQuery lightBox plugin -->
  48.     <script type="text/javascript" src="js/jquery.js"></script>
  49.     <script type="text/javascript" src="js/jquery.lightbox-0.5.js"></script>
  50.     <link rel="stylesheet" type="text/css" href="css/jquery.lightbox-0.5.css" media="screen" />
  51.     <!-- / fim dos arquivos utilizados pelo jQuery lightBox plugin -->
  52.     
  53.     <!-- Ativando o jQuery lightBox plugin -->
  54.     <script type="text/javascript">
  55.     $(function() {
  56.         $('#gallery a').lightBox();
  57.     });
  58.     </script>
  59.     <style type="text/css">
  60.     /* jQuery lightBox plugin - Gallery style */
  61.     #gallery {
  62.         background-color: #444;
  63.         padding: 10px;
  64.         width: 520px;
  65.     }
  66.     #gallery ul { list-style: none; }
  67.     #gallery ul li { display: inline; }
  68.     #gallery ul img {
  69.         border: 5px solid #3e3e3e;
  70.         border-width: 5px 5px 20px;
  71.     }
  72.     #gallery ul a:hover img {
  73.         border: 5px solid #fff;
  74.         border-width: 5px 5px 20px;
  75.         color: #fff;
  76.     }
  77.     #gallery ul a:hover { color: #fff; }
  78.     </style>
  79. </head>
  80.  
  81. <body>
  82.  
  83. <div class="pagina">
  84.  
  85.               <div class="logo">
  86.                      <a href="index.php"><img src="imagenes/logo.png"  border="0"/></a>
  87.               </div>  
  88.                 <div class="barra">
  89.                 <p>
  90.                 <a href="1dormitorioA.php">1 Dormitorio</a>
  91.                 <a href="2dormitorioA.php">2 Dormitorio</a>
  92.                 <a href="3dormitorioA.php">3 Dormitorio</a>
  93.                 <a href="variosdormitorioA.php"> Otros </a>
  94.                 </p>
  95.                 </div>
  96. <div class="izquierda"> 
  97. </div>
  98. <div class="centro">
  99.     <div class="productos">
  100.         <?= $productos ?>
  101.     </div>
  102. </div>
  103. <div class="deercha">
  104. </div>
  105. <div class="pie">
  106.      CopyRight <?=date("Y");?> 
  107. </div>
  108. <br />
  109. </div>
  110. </body>
  111. </html>