Foros del Web » Programando para Internet » Javascript » Frameworks JS »

Problema lightbox en php

 Estas en el tema de Problema lightbox en php en el foro de Frameworks JS en Foros del Web. Hola gente espero que anden todos bien. Tengo un problema con la galeria lightbox en php, es mas o menos asi, ya tengo todos los ...
  #1 (permalink)  
Antiguo 14/12/2010, 15:53
pablOOO5
Invitado
  
Mensajes: n/a
Puntos:
Problema lightbox en php
Hola gente espero que anden todos bien. Tengo un problema con la galeria lightbox en php, es mas o menos asi, ya tengo todos los datos cargados en mi base de datos(precio, descripcion, imagenes) pero al querer querer cargar las imagenes con lihgtbox no puedo porque tengo una variable en el head que no puedo ejecutar y es
Código PHP:
  $(function() {
        $('#gallery a').lightBox();
    }); 
en fin le muestro el codigo completo asi nos entendemos mejor, esta sentencia o variable esta en la linea 55 y en php la quiero incluir en la linea 18.

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').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>


Cualquier cosas que no haya quedado clara me escriben estoy aca al lado
Desde ya muchas gracias !!!!
Última edición por pablOOO5; 14/12/2010 a las 16:02
  #2 (permalink)  
Antiguo 14/12/2010, 16:46
Avatar de pateketrueke
Modernizr
  
Fecha de Ingreso: abril-2008
Ubicación: Mexihco-Tenochtitlan
Mensajes: 26.399
Antigüedad: 16 años, 7 meses
Puntos: 2534
Respuesta: Problema lightbox en php
¿porque usas dicho código en la linea 18 como dices? ¿o porque crees que debes incluirlo ahí?

porque para ser claros, no veo el error de código PHP, solo veo que no puedes echar a andar un plugin de jQuery...

además usa el sentido común amigo, ¿donde estas imprimiendo la galería?

¿donde esta el body?
__________________
Y U NO RTFM? щ(ºдºщ)

No atiendo por MP nada que no sea personal.
  #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>
  #4 (permalink)  
Antiguo 14/12/2010, 17:31
pablOOO5
Invitado
  
Mensajes: n/a
Puntos:
Respuesta: Problema lightbox en php
Ya esta pateketrueke, lo ubique como citaste en unos de tus mensajes dentro del "body", lo buenno de todo esto a pesar de que nos peleamos o que me enoje, porque nose, la verdad nose porque me contestaste asi, yo tengo 17 años risien empeze, soy un don nadie en esto, yo se que la idea no es darle la solucion para sino hacer pensar para que cada uno podamos razonar nuestros problemas, pero en fin, no quiero estar peleado con vos ni con nadie y si en algun momento te ofendi te pido mil disculpas, jamas fue mi intension.
Saludoss !!!
  #5 (permalink)  
Antiguo 15/12/2010, 14:32
Avatar de GatorV
$this->role('moderador');
  
Fecha de Ingreso: mayo-2006
Ubicación: /home/ams/
Mensajes: 38.567
Antigüedad: 18 años, 5 meses
Puntos: 2135
Tema movido desde PHP a Frameworks y Plugins Javascript

Etiquetas: css, html, php
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta


« Tema Anterior | Próximo Tema »


La zona horaria es GMT -6. Ahora son las 01:05.