Galerías de imágenes con SPIP

All contributions published for previous SPIP versions

GALERÍAS DE IMÁGENES CON SPIP

IMPORTANTE: Hasta la versión 1.8.1 funcionan bien, con las versiones 1.8.2 y 1.8.3 pueden dar problemas todavía sin resolver.

-  ver un ejemplo del índice de galerías
-  ver un ejemplo de como se visualiza una galería

Si quieres un conjunto completo de galerías de imágenes como el de los ejemplos anteriores, sencillas pero muy funcionales y fácilmente “rediseñables”, copia los siguientes archivos (los encontrarás en “galerias para php3” para los servidores que admiten php3, “galerias para php” para los que el servidor sólo admite php gracias al trabajo de “reprogramación” de Carlos M. Cámara Mora -web lodemenos-) en la carpeta raíz de tu sitio SPIP:

-  galeria.php3 (o galeria.php)
-  galeria.html
-  galerias.php3 (o galerias.php)
-  galerias.html
-  galerias_var.php3 (o galerias_var.php)
-  imprimir_gale.php3 (o imprimirgale.php)
-  imprimir_gale.html (o imprimirgale.html)
-  imprimir_ima.php3 (o imprimirima.php)
-  imprimir_ima.html (o imprimirima.html)

Las imágenes que recogerá este código serán las que subas por el sistema normal de SPIP en el artículo, tanto si las incluyes en el texto como si las dejas sin incluir.

La personalización de columnas y tamaño miniaturas es muy fácil desde galerias_var.php3

Para entrar en las galerías podrás hacerlo por:

-  “tu_sitio/galerias.php3”
-  cliqueando en las miniaturas que se crearán al final de los artículos si utilizas el código de “GALERÍA DE IMÁGENES DENTRO DE LOS ARTÍCULOS” que explico más abajo.

Si quieres que las galerías de imágenes sean sólo de una sección (rubrique) tendrás que crearla, ver su número y utilizar restricciones al comienzo de los esqueletos del tipo donde xx será el número de la sección, ya que, por defecto, estos esqueletos recogen todas las imágenes que hayas subido a todos los artículos (estén colocadas en el artículo o no). Con este sistema sólo aparecerán en las galerías las imágenes de esa sección.

Nota: el código está un poco “sucio” porque no tengo tiempo de “limpiarlo” y revisarlo, pero en las pruebas que he hecho funciona sin problemas en Safari de Mac, Explorer de Mac y Explorer 6 de Windows 98.

GALERÍA DE IMÁGENES DENTRO DE LOS ARTÍCULOS.

Si sólo necesitas una sencilla galería de imágenes dentro de un artículo, copia y pega (en article.html, o en el esqueleto que gestione tus artículos) el código que tienes más abajo y el archivo galerias_var.php3 que encontrarás en el archivo comprimido de esqueletos_galerias.zip en la raíz del sitio.

-  Ver un ejemplo de galería dentro de un artículo

CÓDIGO PARA GALERÍA DENTRO DEL ARTÍCULO

Coloca lo siguiente:

<?
require('galerias_var.php3');
$cont=0;
$ncolumnas=$col_arti; //número de columnas
$ancho_col=100/$ncolumnas."%"; //ancho de las columnas
$maxi=$maxi_arti; // tamaño de las miniaturas
?>

IMPORTANTE: Si usas la versión sólo para php (no para php3) sustituye la línea:

require('galerias_var.php3');

por

require('galerias_var.php');

al comienzo del esqueleto que gestiona la presentación del artículo, o sea, después de, más o menos, <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
y antes del comienzo del BOUCLE del artículo: "<BOUCLE_article_principal(ARTICLES) {id_article}>"

Y esto donde quieras que aparezca la galería:

<B_galeria>
<table width="74%" border="0" cellpadding="0" cellspacing="0">
<tr>
   <td height="18" valign="middle" bgcolor="#CCCCCC"> <font size="1" face="Verdana, Arial, Helvetica, sans-serif"><b>&nbsp;+ IM&Aacute;GENES  </b><i>&ndash;Para ampliarlas hazles clic encima&ndash;</i></font> 
   </td>
</tr>
<tr>
   <td height="16" colspan="2"></td>
</tr>
</table>

<table>
  <tr>
    <td align="left" valign="bottom">
      <table  align="left" valign="bottom" border="0" cellspacing="0" cellpadding="4">
        <tr>
          <BOUCLE_galeria(DOCUMENTS){id_article}{mode=image}{doublons} {par titre}>
<?
        $cont=$cont+1;
        if ($cont>$ncolumnas){
        echo "</tr><tr>";
        $cont=1;
        }

$ancho = [(#LARGEUR)];
$alto = [(#HAUTEUR)];

if ($ancho>=$alto) {
        if ($ancho>=$maxi){
                $propor= $ancho/$maxi;
                $ancho=$maxi;
                $alto=$alto/$propor;
        }
}
else {
        if ($alto>=$maxi){
                $propor= $alto/$maxi;
                $alto=$maxi;
                $ancho=$ancho/$propor;
        }
}
        ?>
          <td width="<? echo $ancho_col; ?>" align="center" valign="bottom"> <a href="galeria.php3?id_article=#ID_ARTICLE&id_document=#ID_DOCUMENT"> <font size="1" face="Arial, Helvetica, sans-serif" align="center"><img src="#URL_DOCUMENT" width="<? echo $ancho ?>" height="<? echo $alto ?>" border="0"><br></font></a>
              <div align="center" valign="top" style="font: 9px verdana,arial,helvetica,sans-serif;"><font size="1" face="Arial, Helvetica, sans-serif" align="center"><a href="galeria.php3?id_article=#ID_ARTICLE&id_document=#ID_DOCUMENT">

<?
        $titulo="[(#TITRE)]";
        if ($titulo==""){
        echo "Sin t&iacute;tulo</a>";
        }
        else{
        echo $titulo."</a>";
        }
        ?>
              [<br>
              (#TYPE_DOCUMENT)][-(#TAILLE|taille_en_octets)][<br>
              (#LARGEUR)]x[(#HAUTEUR) p&iacute;xels]<br>
            </a></font></div></td>
          </BOUCLE_galeria>
        </tr>
    </table></td>
  </tr>
</table>
</B_galeria>

Las imágenes que recogerá este código serán las que subas por el sistema normal de SPIP en el artículo, pero las dejes sin incluir dentro del artículo.

Hay un enlace <a href="galeria.php3?...> que lleva al esqueleto galeria.php3 que sirve para ver una imagen en grande y ver todas las del artículo como una galería. Si no tienes o quieres ese esqueleto borra el enlace y al hacer clic sobre la miniatura se abrirá la imagen a tamaño real en una ventana (por defecto del navegador) sin entrar en la galería.

Que os sea útil.

José Luis Murillo García. Mayo 2004. (Carlos M. Cámara Mora para la versión php. Octubre 2004)

updated on 23 April 2006

Discussion

5 discussions

  • 1

    baje la galeria que se llama galerias-php.zip lo descoprimi pero no hay ningun tutorial para instalarlo o para seguir algunos pasos estoy perdido espero que me una ayuda muy pronto ya que necesito conurgencia esto, creo que falta un archivo eneste paquete....

    les agradesco si me prestan atencion

    • Al principio del artículo te indica como instalarlas. Sólo tienes que copiar los archivos en la carpeta raíz del sitio.
      De todos modos, ten en cuenta que funcionan con versiones 1.8 y anteriores no con la 1.9 y no sé cuando pordré actualizarlas.

      Saludos

    Reply to this message

  • 2
    Gustavo Coronel

    Hola

    Comento que instale la galeria en spip 1.8 y me ha dado el siguiente error:


    Parse error: parse error, unexpected T_STRING in /home/gdiunt/public_html/spip/inc-public.php3(56) : eval()’d code on line 308

    # Erreur(s) dans le squelette
    * erreur d’exécution de la page,


    Pueden verlo en
    http://www.gdiunt-conadu.org.ar/spip/galerias.php3

    al seleccionar la galeria 2da de la primera fila “Elecciones en GDIUNT”

    Tienes idea que puede ser?

    Al quiere introdocir el codigo en el archivo articulo.html me tiro el mismo error.

    desde ya muchas gracias.

    Reply to this message

  • perfecto

    hice una busqueda en espanol y encontre la galeria perfecta !

    felicitaciones

    Philippe (marsella)

    Reply to this message

  • 1
    Lorenzo

    ¡Hola Joseluis! :-)

    Buscando esqueletos de galerías de imágenes con SPIP, encontré esta contribución.
    Desafortunadamente, los 2 enlaces mencionados arriba (“ver un ejemplo del índice de galerías” y “ver un ejemplo de como se visualiza una galería”) parecen ser muertos. ¿Esas paginas hubieran desaparecido?

    ¡Gracias desde ya por tu respuesta!

    Lorenzo Jacobo (Bruselas)

    • joseluis

      Ha sido un problema temporal con el servidor.

      Los enlaces vuelven a estar operativos.
      Gracias por el aviso

    Reply to this message

  • A wonderful work... but i dont understand a lot of words in this language..
    Could someone do a translation?

    Reply to this message

Comment on this article

Who are you?
  • [Log in]

To show your avatar with your message, register it first on gravatar.com (free et painless) and don’t forget to indicate your Email addresse here.

Enter your comment here

This form accepts SPIP shortcuts {{bold}} {italic} -*list [text->url] <quote> <code> and HTML code <q> <del> <ins>. To create paragraphs, just leave empty lines.

Add a document

Follow the comments: RSS 2.0 | Atom