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
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> + IMÁGENES </b><i>–Para ampliarlas hazles clic encima–</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ítulo</a>";
}
else{
echo $titulo."</a>";
}
?>
[<br>
(#TYPE_DOCUMENT)][-(#TAILLE|taille_en_octets)][<br>
(#LARGEUR)]x[(#HAUTEUR) pí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)
RSS 2.0