Problema con lightbox

solilopi · #1 (**permalink**) 11/03/2012, 09:51

Hola tengo el siguiente código en una página Web:

Código HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<link rel="shortcut icon" href="imagenes/benja_sin.jpg">
<title>AutomovilesBenjaSanz | Vehiculos</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link href="css/style.css" rel="stylesheet" type="text/css" />
<script src="js/jquery-1.4.2.min.js" type="text/javascript"></script>
<script src="js/cufon-yui.js" type="text/javascript"></script>
<script src="js/cufon-replace.js" type="text/javascript"></script>
<script src="js/Myriad_Pro_400.font.js" type="text/javascript"></script>
<script src="js/Myriad_Pro_600.font.js" type="text/javascript"></script>
<script src="js/NewsGoth_BT_400.font.js" type="text/javascript"></script>
<script src="js/NewsGoth_BT_700.font.js" type="text/javascript"></script>
<script src="js/NewsGoth_Dm_BT_400.font.js" type="text/javascript"></script>
<script src="js/script.js" type="text/javascript"></script>
<script type="text/javascript" src="js/prototype.js"></script> 
<script type="text/javascript" src="js/scriptaculous.js?load=effects,builder"></script> 
<script type="text/javascript" src="js/lightbox.js"></script> 
<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />
<!--[if lt IE 7]>
<script type="text/javascript" src="js/ie_png.js"></script>
<script type="text/javascript">ie_png.fix('.png, #header .row-2 ul li a, .extra img, #search-form a, #search-form a em, #login-form .field1 a, #login-form .field1 a em, #login-form .field1 a b');</script>
<link href="css/ie6.css" rel="stylesheet" type="text/css" />
<![endif]-->
</head>
<body id="page3">
<!-- START PAGE SOURCE -->
<div id="main">
  <div id="header">
    <div class="row-1">
      <div class="fleft"><a href="#"><img src="imagenes/cabecera.png" alt="" /></a></div>
      <div class="fright">
        <ul>
          <li><a href="index.html"><img src="imagenes/icon1.gif" alt="" /></a></li>
          <li><a href="contacto.php"><img src="imagenes/icon2.gif" alt="" /></a></li>
          <li><a href="privado.php"><img src="imagenes/llave.png" alt="" /></a></li>
        </ul>
      </div>
    </div>
    <div class="row-2">
      <div class="left">
        <ul>
          <li><a href="index.html"><span>Inicio</span></a></li>
          <li><a href="nosotros.html"><span>Nosotros</span></a></li>
          <li><a href="vehiculos.php" class="active"><span>Veh&iacute;culos</span></a></li>
          <li><a href="contacto.php"><span>contacto</span></a></li>
          <li class="last"><a href="privado.php"><span>privado</span></a></li>
        </ul>
      </div>
    </div>
    <div class="row-3">
      <div class="inside">
        <h2>Conducci&oacute;n: fuente<b>de Emociones</b></h2>
        <p>Sed ut perspiciatis unde omnis iste natus error sit volutem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis.</p>
        
      </div>
    </div>
    <div class="extra"><img src="imagenes/header-img.png" alt="" /></div>
  </div>
  <div id="content">
    <div class="box">
      <div class="border-bot">
        <div class="right-bot-corner">
          <div class="left-bot-corner">
            <div class="inner">
              <div class="box1 alt">
                <div class="inner">
                  <h4><b>Nuestros</b> Veh&iacute;culos</h4>
                  <p class="p0">Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi.</p>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="indent">
      <div class="wrapper">
        <div class="col-1">
          <h3><b>Stock</b> de Veh&iacute;culos</h3>
          <?php
//extensiones validas 
$arr_ext=array("jpg","png","gif", "JPG");
//directorio donde se encuentran 
$mydir=opendir("imagenes/coches/"); 
//leer archivos 
while($archivo=readdir($mydir)) 
{ $ext=substr($archivo,-3);
$vehiculo=substr($archivo,0,strrpos($archivo,".")); 
//si la extension del archivo es correcta muestra la imagen 
if(in_array($ext,$arr_ext)) 
{ 
echo '<a href="imagenes/coches/'.$archivo.'" rel="lightbox[roadtrip]" title="'.$vehiculo.'"><img src="imagenes/coches/'.$archivo.'" alt="'.$vehiculo.'" width=150 height=100 margin-right: 1px /></a>'; 
} 
}
?>
          <hr>
          <?php include ("bd.php");
          galeria();
         ?>
        </div>
      </div>
    </div>
  </div>
  <div id="footer">
    <div class="footer-nav">
      <div class="left">
        <ul>
          <li><a href="index.html">Inicio</a></li>
          <li><a href="nosotros.html">Nosotros</a></li>
          <li><a href="vehiculos.php">Veh&iacute;culos</a></li>
          <li><a href="contacto.php">Contacto</a></li>
          <li class="last"><a href="privado.php">Privado</a></li>
        </ul>
      </div>
    </div>
    <div class="footerlink">
      <p class="rf">Copyright &copy; 2012 <a href="mailto:[email protected]">J.V.Z.G.</a> - All Rights Reserved</p>
      <p class="lf">Optimizado para navegadores IE8,Firefox8, Opera11 o superiores</p>
      </p>
      <div style="clear:both;"></div>
    </div>
  </div>
</div>
<script type="text/javascript"> Cufon.now(); </script>
<!-- FIN CÓDIGO PÁGINA -->
</body>
</html>

Estoy intentando que me muestre con una función, tengo estas dos de prueba:

Código PHP:

  function galeria2($ruta) {
    //extensiones validas
    echo $ruta;
    exit;
    $arr_ext=array("jpg","png","gif", "JPG");
//directorio donde se encuentran
//$ruta="imagenes/coches/";
    $mydir=opendir($ruta);
//leer archivos
    while($archivo=readdir($mydir)) {
        $ext=substr($archivo,-3);
        $vehiculo=substr($archivo,0,strrpos($archivo,"."));
//si la extension del archivo es correcta muestra la imagen
        if(in_array($ext,$arr_ext)) {
            echo '<a href="imagenes/coches/'.$archivo.'" rel="lightbox[roadtrip]" title="'.$vehiculo.'"><img src="imagenes/coches/'.$archivo.'" alt="'.$vehiculo.'" width=150 height=100 margin-right: 1px /></a>';
        }
    }
}
function galeria() {
    $tabla="<table>";
    $conexion = Conectarse();
    if (!$conexion) {
        die('Could not connect: ' . mysql_error());
    }
    $resultado = mysql_query("SELECT matricula, equipamiento FROM vo");
    while($row = mysql_fetch_array($resultado)) {
        echo $row["matricula"]."<br>";
//extensiones validas
        $arr_ext=array("jpg","png","gif", "JPG");
//directorio donde se encuentran
         $ruta="imagenes/coches/".$row["matricula"]."/";
         $mydir=opendir($ruta);
//leer archivos
         $noencontrado=true;
          while($noencontrado) {
              $archivo=readdir($mydir);
              $ext=substr($archivo,-3);
              $vehiculo=substr($archivo,0,strrpos($archivo,"."));
              if(in_array($ext,$arr_ext))
                 $noencontrado=false;
          }
//si la extension del archivo es correcta muestra la imagen
    echo "<a href='#' onclick=window.open('galeria.php?ruta=imagenes/coches/".$row["matricula"]."/"."','fotos', 'height=200, width=200') rel='lightbox[roadtrip]' title='".$vehiculo."' >ssqssq</a>";    
    echo $row["equipamiento"]."<br>";        
    }
    $tabla=$tabla."</table>";
    mysql_free_result($resultado);
    mysql_close($conexion);
    echo $tabla;
}

El campo equipamiento junto con una fotografía del vehículo que al pinchar sobre ella se abra un lightbox de ese coche. El problema es que el lightbox coge todos los coches que hay en todas las carpetas y los muestra en todos los enlaces.
¿Cómo lo puedo solucionar?. Os lo agradecería mucho. Saludos.

repara2 · #2 (**permalink**) 12/03/2012, 03:14

Lightbox es javascript y no tiene nada que ver con el problema que planteas. Seguramente está mal tu código html, utiliza firebog para ver cómo lo estás formando,y por supuesto, consulta la documentación de lightbox.