Foros del Web - Ver Mensaje Individual

#1 (**permalink**) 14/12/2010, 15:53

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<?php
include("includes/conectar.php");
 
if($_REQUEST[id]){
    $rs =   mysql_query("SELECT * FROM 1dormitoriov WHERE id_1dormitoriov = '$_REQUEST[id]'");
    
while($fila = mysql_fetch_assoc($rs)){
    
    $imagen = $fila[id_1dormitoriov].".jpg";
    $imagen1 = $fila[id_1dormitoriov].".jpg";
    $imagen2 = $fila[id_1dormitoriov].".jpg";
    $nombreProducto = $fila["nombre"];
    $precioProducto = $fila["precio"];
    $descripcionProducto = $fila["descripcion"];
    $productos= $productos .'<div id="gallery">
                                        <ul>
                                            <li>
                                                <a href="productos/'.$imagen.'" title="Utilize a flexibilidade dos seletores da jQuery e crie um grupo de imagens como desejar. $('#gallery').lightBox();"  >
                                                    <img src="photos/thumb_image1.jpg" width="72" height="72" alt="" />
                                                </a>
                                            </li>
                                            <li>
                                                 <a href="productos1/'.$imagen1.'" >
                                                    <img src="photos/thumb_image2.jpg" width="72" height="72" alt="" />
                                                </a>
                                            </li>
                                            <li>
                                                 <a href="productos2/'.$imagen2.'" >
                                                    <img src="photos/thumb_image3.jpg" width="72" height="72" alt="" />
                                                </a>
                                            </li>
                                           </ul>
</div>
';
}
}
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>jQuery lightBox plugin</title>
 
    <link rel="stylesheet" type="text/css" href="../style-projects-jquery.css" />
    <link href="css/estilo.css" rel="stylesheet" type="text/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 {
        background-color: #444;
        padding: 10px;
        width: 520px;
    }
    #gallery ul { list-style: none; }
    #gallery ul li { display: inline; }
    #gallery ul img {
        border: 5px solid #3e3e3e;
        border-width: 5px 5px 20px;
    }
    #gallery ul a:hover img {
        border: 5px solid #fff;
        border-width: 5px 5px 20px;
        color: #fff;
    }
    #gallery ul a:hover { color: #fff; }
    </style>
</head>

Cualquier cosas que no haya quedado clara me escriben estoy aca al lado

Desde ya muchas gracias !!!!