deckjs

Adaptation de deck.js pour SPIP

Ce petit plugin permet de réaliser facilement des présentations façon PréAO/diaporama (Powerpoint, Impress...). Il s’appuie sur le plugin jquery deck.js

Installation

Comme tous les plugins, il suffit de l’activer pour qu’il fonctionne.

La présentation = 1 article

Il suffit d’appeler la page :

  1. ?page=presentation&id_article=XX
  • Le titre de l’article = le titre de la présentation
  • Chaque diapo commence par un intertitre
  • Une liste spip permet d’afficher les éléments l’un après l’autre

exemple d’article:
Le premier slide = le titre de l’article

{{{Mon deuxième slide}}}
mon texte ...
 
{{{Mon troisième slide}}}
mon texte
-* s'affiche après un clic
-* s'affiche après un nouveau clic

La présentation = tous les articles d’une rubrique

Il suffit d’appeler la page :

  1. ?page=presentation&id_rubrique=XX
  • Le titre de la rubrique = le titre de la présentation
  • Chaque diapo = 1 article
    • Le titre de l’article = le titre de la diapo
    • Le texte de l’article = le descriptif de la diapo
    • Même fonctionnement des listes

Fonctionnement

  • La touche “m” -> affiche une miniature de tous les slides
  • La touche “g” -> affiche un formulaire de sélection de slide
  • Les touches du clavier (gauche / droite) -> changement de slide
  • Il est possible de surcharger le squelette présentation.html afin de personnaliser la présentation (ex : ajouter un bandeau)
  • Il est possible de surcharger la CSS en créant un fichier squelettes/css/deck_perso.css
  • Il y a d’autres fonctionnalités, je vous laisse les découvrir dans la documentation officielle

updated on 2 October 2019

Discussion

Aucune discussion

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