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 :

?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 :

?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

Discussion

Une discussion

Ajouter un commentaire

Qui êtes-vous ?

Pour afficher votre trombine avec votre message, enregistrez-la d’abord sur gravatar.com (gratuit et indolore) et n’oubliez pas d’indiquer votre adresse e-mail ici.

Ajoutez votre commentaire ici

Ce champ accepte les raccourcis SPIP {{gras}} {italique} -*liste [texte->url] <quote> <code> et le code HTML <q> <del> <ins>. Pour créer des paragraphes, laissez simplement des lignes vides.

Ajouter un document

Suivre les commentaires : RSS 2.0 | Atom

Dernière modification de cette page le 6 octobre 2018