GALERIA COMPARTIDA POR maikel

Cristalab > Tutoriales > Galería de imagenes con templates en PHP

Este ejemplo funciona al 100% pero yo quisiera saber como poder hacer que al estar en la foto grande desplegada no tenga que cerrarla para poder ver las demas fotos, sino que ahi mismo me aparescan dos botones con los cuales pueda navegar en las fotografias grandes sin necesidad de abrir mas ventanas.

Espero que los que ayan provado este ejemplo me puedan dar una manita.

Gracias a todos

Tengo el ejemplo en prueba en www.gravedadceroguate.com/index.php
por favor alguien me ayude a desifrar este tema

No estoy muy seguro de este post, pero creo que tiene que ver con PHP. Le preguntaré a Maikel si debo moverlo o no.

Editado: Movido a los foros de PHP. Esperemos a la respuesta de maikel.

gracias amigos quedo a espera de sus comentarios

Hola, mira la principal razón del tutorial era la documentación de la clase Template, por eso no explique el código de la galería y tampoco me esforce en hacerla muy completa, pero bueno ya que te intereso la galería te ayudaré con eso, a ver basándome en tus requerimientos cambie algunos códigos, aun le faltará redimensionar el popUp cosa que te dejaré a ti hacerlo. Bueno veamos los cambios:

primero la plantilla popUp.tpl tenia esto:

Código :

<div id="popUp">
<img src="{IMAGEN}" />
</div>

ahora tendra esto:

Código :

<div id="popUp">
<a href="?imagen={urlanterior}">Anterior</a> <a href="?imagen={urlsiguiente}">Siguiente</a>
<img src="{IMAGEN}" />
</div>

en galeria.tpl cambie el margen del codigo javascript, para darle espacio a los links y se vieran, ese código ya deberia ir en un archivo aparte porque lo usarán los archivos galeria.tpl y popUp.tpl, ya que necesitarás redimensionar la ventana popUp desde ambos, pero bueno eso te lo dejo a ti. sigamos con las otras modificaciones

Cree un nuevo archivo llamado constantes.php y coloque este código que estaba en index.php

Código :

<?php
   define("MAXIMO",6,true); // 16 imagenes por pagina.
   define("IMAGENESMINIATURAS","imagenes/miniaturas", true); // carpeta de las imagenes miniaturas
   define("IMAGENES","imagenes/originales", true); // carpeta las imagenes originales
   $imagenesMiniaturas=glob("{".IMAGENESMINIATURAS."/*.jpg,".IMAGENESMINIATURAS."/*.png,".IMAGENESMINIATURAS."/*.gif,".IMAGENESMINIATURAS."/*.bmp}",GLOB_BRACE);
   $imagenes=glob("{".IMAGENES."/*.jpg,".IMAGENES."/*.png,".IMAGENES."/*.gif,".IMAGENES."/*.bmp}",GLOB_BRACE);   
   $totalImagenes= count($imagenesMiniaturas); //total de imagenes en la IMAGENESMINIATURAS imagenes
?>

claro, lo quite de index.php para no ser redundante, y puse un include de ese archivo en los archivos popUp.php y index.php

index.php

ahora el nuevo código de popUp.php que si cambio radicalmente:

Código :

<?php
   include("Template.php");
   include("constantes.php");
   $myTemplate = new Template();
   $myTemplate->PATH = "plantillas/";
   $myTemplate->setTemplate("popUp");
   function getNext ($current){
      global $imagenes;
      global $totalImagenes;
      $index= array_search($current,$imagenes);
      if (array_key_exists($index,$imagenes)){
         if ($index+1== $totalImagenes){
            $index=0;
         }else{
            $index++;
         }
      } else{
         $index =0;
      }
      return $imagenes[$index];
   }
   function getPrev ($current){
      global $imagenes;
      global $totalImagenes;
      $index= array_search($current,$imagenes);
      if (array_key_exists($index,$imagenes)){
         if ($index-1< 0){
            $index=$totalImagenes-1;
         }else{
            $index--;
         }
      } else{
         $index =0;
      }
      return $imagenes[$index];
   }
   $current = $_GET['imagen'];
   $urlanterior = getPrev($current);
   $urlsiguiente = getNext($current);
   $myTemplate->setVars(array("IMAGEN" => $current,"urlanterior"=>$urlanterior,"urlsiguiente"=>$urlsiguiente));   
   echo $myTemplate->show();
?>

bueno eso es todo lo que tienes que hacer, lo que falta va por cuenta tuya , cuando tenga más tiempo [como añoro mi tiempo de vagancia ] , mejoro la galeria

Bueno cualquier duda, aqui estamos.

saludos

gracias voy a intentarlo ok.