SPIP-Contrib

SPIP-Contrib

عربي | Deutsch | English | Español | français | italiano | Nederlands

290 Plugins, 198 contribuciones sur SPIP-Zone, 103 visitantes en este momento

Portada del sitio > Affichage multimédia > Galeries et diaporamas > Galerie Diapo > El plugin Diapo

El plugin Diapo

Galería/presentación en un simple modelo

7 de julio de 2008 – por Martin Gaitan – commentaire

Todas las versiones de este artículo: [Deutsch] [Español] [français] [italiano]

1 voto

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)]

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

Volver arriba

Sus comentarios

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 Les choses à faire avant de poser une question (Prolégomènes aux rapports de bugs. )
Añadir un documento

Volver arriba

Hablando de eso...

  • (fr) SPIP 3.2, Agenda et FullCalendar

    6 juin – 17 commentaires

    Nous avions publié un article sur la manière d’utiliser FullCalendar avec SPIP 3.0 afin d’afficher des évènements sous forme d’Agenda. La version de FullCalendar a changé avec SPIP 3.2. Le présent article est donc un tutoriel adapté à SPIP 3.2. Pour (...)

  • (fr) PHANTOM (HTML5UP)

    18 juillet – commentaires

    Squelette SPIP pour intégrer le modèle Phantom de HTML5UP. https://html5up.net/phantom Installation A l’activation, le plugin installe aussi les plugins suivants : crayons, favicon, metasplus+, Couleur d’objet, champs extras, SPIP reset centre (...)

  • (fr) Cycle2

    7 août 2014 – 119 commentaires

    La seconde version de la librairie Javascript « jQuery Cycle », qui permet de produire des diaporamas, se nomme « Cycle2 » : http://jquery.malsup.com/cycle2/. Voici cette nouvelle librairie mise en plugin pour SPIP. Si vous utilisez déjà « jQuery (...)

  • (fr) Galleria (fr)

    16 novembre 2011 – 193 commentaires

    Une galerie d’image qui utilise la librairie javascript Galleria. Description Ce plugin vous permet d’ajouter des galeries d’images à vos articles. La galerie créée utilise la librairie javascript Galleria. Le plugin propose un modèle nommé (...)

  • (fr) Une licence pour un article

    18 avril 2007 – 51 commentaires

    Sur une idée originale de erational, voici un plugin permettant de lier une licence à un article.