Problema com galeria de fotos

[buthy]

Dae galera, beleza?

Então, editei totalmente uma galeria de imagens que achei na net, e estou tentando implementar o efeito lightbox

O problema é que não sei como chamar as imagens...

Esse é o arquivo que exibe as miniaturas:

<? 
    include("conexao.php");
    include("cabecalho.php");
?>

&lt;script type="text/javascript" src="js/prototype.js"></script>
&lt;script type="text/javascript" src="js/scriptaculous.js?load=effects,builder"></script>
&lt;script type="text/javascript" src="js/lightbox.js"></script>

<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />

<style type="text/css">

.fonte {
    font:Tahoma;
    font-size:12px;
}

.tit {
    font:Tahoma;
    font-size:12px;
    color:#FFF;
}

.data {
    font:Tahoma;
    font-size:18px;
    color:#FFF;
}

.subtit {
    font:Tahoma;
    font-size:10px;
}

a.lnk:link {color:#D80000; text-decoration:none;}
a.lnk:visited {color:#D80000; text-decoration:none;}
a.lnk:hover {color:#D80000; text-decoration:none;}
a:lnk:active {color:#D80000; text-decoration:none;}

.borda {
    border:4px solid #0b3d72;
    -moz-border-radius: 10px; /* Para Firefox */
    -webkit-border-radius: 10px; /*Para Safari e Chrome */
    border-radius: 10px; /* Para Opera 10.5+*/
}

.borda:hover {
    border:4px solid #d80000;
    -moz-border-radius: 10px; /* Para Firefox */
    -webkit-border-radius: 10px; /*Para Safari e Chrome */
    border-radius: 10px; /* Para Opera 10.5+*/
}

</style>

<div class="divScroll">
    <br />
    <h3><? echo "$evento"; ?></h3>
    <br />
    <table width="100%" cellpadding="0" cellspacing="0">
    <tr>
    <td width="25%" height="35" bgcolor="0b3d72" align="center"><span class="data"><strong><? echo "$data"; ?></strong></span></td>
    <td width="75%" height="35" class="tit" bgcolor="d40119">   Local: <? echo "$local"; ?><br />   Unidade de <? echo "$unidade"; ?></td>
    </tr>
    </table>
    <br />

<?
if (strstr($pg,".")== TRUE){
$pg=ceil($pg);
$pg=$pg-1;
}
if (!$pg==0)
{
$cont=$pg * 12;
} else {
$cont=0;
}
?>

<table align="center" width="500">
 <tr>
  <td>   
     <?
$handle = opendir($dir);
$ext = "jpg";
$indice = 0;
$ipp = 20;

while (false !== ($file = readdir($handle)))
{
   $pathdata = pathinfo($file);
   if (!is_dir($file) && ($pathdata["extension"] == strtolower($ext)) || ($pathdata["extension"] == strtoupper($ext)))
   {
       $imagens[$indice] = $file;
       $indice++;
   }
}

$pagina = 1;
if ($_GET['pg'])
   $pagina = $_GET['pg'];

$paginas = ceil(count($imagens) / $ipp);
$inicio = $pg * $ipp;
$thumb="eventos_imgdim.php?imagem=";
$var1 = "&evento=$evento&data=$data&local=$local";

for ($i=$inicio; $i<($inicio+$ipp); $i++)
if($imagens[$i] != ""){ ?>
      <? $cont=$cont+1; ?>
     <a rel="lightbox[roadtrip]" href="eventos_zoom.php?dir=<? echo "$dir";?><? echo $var1?>&pg=<? echo "$cont";?>">
     <img class="borda" src="<? echo "$thumb$dir$imagens[$i]"; ?>" vspace="3" hspace="3">
     </a>
     <? }?>
 </td></tr>

<tr>
   <TD width="230" align="left" valign="top"> <br />
<table width="230" border="0" cellspacing="0" cellpadding="0">
       <tr> 
          <td width="90" valign="top"><span class="subtit">Total de fotos: 
            <? $total = ceil(count($imagens)); echo $total; ?>
            </span></td>
         <td align="right" valign="top"><span class="subtit">Páginas: | 
      <?
for($i=0; $i<$paginas; $i++){
$url = "?dir=$dir&pg=$i";
  if ($i==$pg) {
  echo " <b>".($i+1)."</b> |";
  } else {
  echo " <a class='lnk' href='$url'>".($i+1)."</a> |";
  }
} 
?>
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
<br /><br />
</div>

<?
    include("footer.php");
?>

E esse é o que amplia a imagem selecionada (que eu não faço idéia de como alterar)

<? 
    include("conexao.php");
?>

<? $var1 = "&evento=$evento&data=$data&local=$local&unidade=$unidade"; ?>

<table width="100" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td height="277"> 
      <?
if(!isset($pg) ){
 $pg=1;
}
$handle = opendir($dir);
$ext = "jpg";
$indice = 2;
$ipp = 1;

while (false !== ($file = readdir($handle)))
{
   $pathdata = pathinfo($file);
   if (!is_dir($file) && ($pathdata["extension"] == strtolower($ext)) || ($pathdata["extension"] == strtoupper($ext)))
   {
       $imagens[$indice] = $file;
       $indice++;
   }
}

$pagina = 1;
if ($_GET['pg'])
$pagina = $_GET['pg'];
$paginas = ceil(count($imagens) / $ipp);
$total = ceil(count($imagens));
$inicio = $pg * $ipp;
for ($i = $inicio; $i < ($inicio + $ipp); $i++)
?>
      <table width="88" height="68" border="0" align="center" cellpadding="0" cellspacing="1">
        <?
      $res=getimagesize("$dir$imagens[$i]");
      if ($res[1]>265){
      $height=300;
      $width=($res[0]*$height)/$res[1];
      }  else {
      $height=$res[1];
      $width=$res[0];
      }
      $width=ceil($width);
      $height=ceil($height);
      ?>
        
        <tr>
          <td align="center" valign="middle" bgcolor="E7E7E7"> <img src="<? echo "$dir$imagens[$i]";?>" border="0"  height="<? print $height?>"></td>
        </tr></table>
    </td>
 </tr>
 <tr>
    <TD height="42"> 
      <table border="0" align="center" cellpadding="0" cellspacing="0">
        <tr valign="top"> 
          <td width="70" align="center"> <font size="<? echo $tfonte?>" face="<? echo $fonte?>"> 
            <strong> 
            <?
if ($pg > 1){
   $pag=$pg - 1;
  echo "<a href=\"?dir=$dir&pg=" . ($pag) . "$var1\"><img src=\"images/icone_anterior.jpg\" border=0></a>";
   } else { echo "<font color=$onmouseover><img src=\"images/icone_anterior.jpg\" border=0></font>";}
    $div=$pg/12;
for ($x=1;$x<99;$x++){
  if ($div==$x){
   $inter=0;
   break;
  }
}
if (isset($inter) AND $div * 12 < $pg){
if ($div==1){
 $div=0;
} else {
 $div=$div-1;
}
    echo "<script language=JavaScript>
     window.open('eventos_fotos.php?dir=$dir&pg=".($div)."$var1', 'fotos');
      </SCRIPT>";
}

?>
            </strong> </font></td>
          <td width="70" align="center"><a href="java script:popup('imagempop.php?imagem=<? echo "$dir$imagens[$i]";?>');"><img src="images/icone_ampliar.jpg" border=0></a></td>
          <td width="70" align="center"><a href="java script:imprimi('imprimir.php?imagem=<? echo "$dir$imagens[$i]";?><? echo $var1?>');"><img src="images/icone_imprimir.jpg" border=0></a></td>
          <td width="70" align="center"><a href="java script:indica('indicacao.php?dir=<? echo "$dir";?>&imagem=<? echo $imagens[$i]?><? echo $var1?>');"><img src="images/icone_enviar.jpg" border=0></a></td>
          <td width="70" align="center"> <strong><font size="<? echo $tfonte?>" face="<? echo $fonte?>"> 
            <? if($pg<$total) {
           $pagp=$pg+1;
   echo "<a href=\"?dir=$dir&pg=" . ($pagp) . "$var1\"><img src=\"images/icone_proxima.jpg\" border=0></a>";
} else { echo "<font color=$onmouseover><img src=\"images/icone_proxima.jpg\" border=0></font>";}
?>
            </font></strong></td>
        </tr>
      </table>
<?
$div=$pag/12;
if (!strstr($div,'.'))
{
$inter=0;
}
   if (isset($inter) AND $div * 12 < $pg)
{
    echo "<script language=JavaScript>
         window.open('eventos_fotos.php?dir=$dir&pg=$div$var1', 'fotos');
      </SCRIPT>";
}
?>
</td>
</tr>
</table>

Como eu faço pra que as imagens sejam carregadas utilizando o efeito lightbox??

Valeuu

[ESerra]

Movendo PHP » JS.

[buthy]

hmm.. não seria PHP mesmo? porque eu queria saber sobre o codigo php que eu uso pra chamar a imagem para o lightbox :S

[*FIT*]

O que chama a imagem para o lightbox não é o PHP, o PHP só lista as imagens, e isso pelo que vi já está acontecendo, ou não?

[brunohcs]

É só tu tirar o Jascript de window.open ali que ta abrindo a imagem em janela..

E colocar o Rel do light box.

Sugiro "aprender a usar" o light box.. antes de tentar inserir nesse script vai ficar mais facil..

[buthy]

consgui, só usei esse codigo para listar a imagens em php:

<?
    header("Content-type: image/jpeg");

    $im       = imagecreatefromjpeg($_GET['imagem']);
    $largurao = imagesx($im);
    $alturao  = imagesy($im);
    if ($largurao > 350){
        $alturad  = 450;
        $largurad = 600;
    }else{
        $alturad  = 450;
        $largurad = 338;
    }

    $nova     = imagecreatetruecolor($largurad,$alturad);
    imagecopyresized($nova,$im,0,0,0,0,$largurad,$alturad,$largurao,$alturao);
    imagejpeg($nova,null,100);
    imagedestroy($nova);
    imagedestroy($im);
?>

obrigado