El plugin Diapo

Galería/presentación en un simple modelo

Plugin que agrega el modelo <diapoXX> que permite insertar las imágenes del artículo XX en forma de galería o presentación de diapositivas que reproduce el funcionamiento de la galería Walma.

Motivos

Si necesitabas una galería de fotos de tu sitio al estilo Walma, debías crear un esqueleto específico (incluido un bloque-inc walma ...).
A continuación, se planteaba la cuestión de usar breves o secciones especiales ...

Yo opté, en cambio, por un modelo que me libere de este contratiempo. El resultado es visible en el sitio de Pays Bourgogne-Nivernaise u en el sitio de pruebas

Esta aproximación permite mayor personalizacion y la reutilización fácil para los desarrolladores.

Instalación

Para este plugin, es suficiente con ubicar los archivos en un subdirectorio de la carpeta /plugins y activarlo.

Utilización

Dispondrás ahora de un nuevo recurso tipográfico <diapoXX> que te permite insertar las imágenes en forma de galería o presentación de diapositivas.

Puedes especificar el modo por defecto :
-  <diapoXX|diapo> (equivalente a <diapoXX>) para la presentación.
-  <diapoXX|pause> para la presentación en pausa.
-  <diapoXX|left> para una galería con las miniaturas a a la izquierda.
-  <diapoXX|right> para una galería con miniaturas a la derecha
-  <diapoXX|center> para una galería con las miniaturas arriba, y las imágenes más grandes.

El modelo funciona con JQuery, usando mecanismos AJAX para la paginación y la carga de imágenes, pero el resto funciona sin javascript.

Personalización

Puedes definir más variables de personalización dentro de tu archivo mes_fonctions.php :

-  El tiempo de pausa en milisegundos para tu presentación (por defecto es 8000) :

//tiempo de pausa 5 segundos :
$GLOBALS['diapo_temps']=5000;

-  El número de miniaturas por página (por defecto 8) :

//10 miniaturas por página :
$GLOBALS['diapo_vignettes']=10;

-  El ancho máximo de la imágen «grande» (la presentación será centrada) (en pixels, por defecto 560) :

//ancho de la imágen 500px max :
$GLOBALS['diapo_grand']=500;

Con las hojas de estilo por defecto (diapo.css.html), la presentación será 4px más ancha (2px de márgen).

-  El tamaño de las miniaturas (calculada automáticamente si no se especifica).

//ancho o alto máximo para las miniaturas 80px :
$GLOBALS['diapo_vignette']=80;

-  Ancho máximo para la imágen «pequeña»:

$GLOBALS['diapo_petit']=350;

Por defecto, no hay restricción de altura para imágenes (pequeñas y grandes), pero las miniaturas se reducen en anchura y altura.

También puedes especificar estos parámetros:

$GLOBALS['diapo_grand_h']=400;
$GLOBALS['diapo_petit_h']=300;
$GLOBALS['diapo_vignette_h']=70;

No existen en la actualidad una verdadera gestión de lo modelos, pero es una meta de los desarrolladores. Por ahora puedes sobrecargar el modelo de este plugin en /squelettes/modeles/diapo.html.

[(Atención: algunas normas estrictas se deben respetar en la modificación.

Lee los comentarios en el código de los esqueletos si vas a personalizar el modelo y más aún, lo que hay que hacer con las hojas de estilo y los modelos de paginación)]

Discussion

Une discussion

Comentar este artículo

¿Quién es usted?
  • [Conectarse]

Para mostrar su avatar con su mensaje, guárdelo en gravatar.com (gratuit et indolore) y no olvide indicar su dirección de correo electrónico aquí.

Añada aquí su comentario

Este formulario acepta los atajos de SPIP, [->url] {{negrita}} {cursiva} <quote> <code> y el código HTML. Para crear párrafos, deje simplemente una línea vacía entre ellos.

Añadir un documento

Seguir los comentarios: RSS 2.0 | Atom

Dernière modification de cette page le 13 de junio de 2012