SPIP-Contrib

SPIP-Contrib

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

289 Plugins, 197 contribs sur SPIP-Zone, 123 visiteurs en ce moment

Accueil > Squelettes > Squelettes spéciaux > Squelettes de présentations > deckjs > deckjs

deckjs

17 octobre 2016 – par cy_altern, tofulm – commentaires

9 votes

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

  1. {{{Mon deuxième slide}}}
  2. mon texte ...
  3.  
  4. {{{Mon troisième slide}}}
  5. mon texte
  6. -* s'affiche après un clic
  7. -* s'affiche après un nouveau clic

Télécharger

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

Voir en ligne : http://plugins.spip.net/deckjs

Dernière modification de cette page le 25 octobre 2017

Retour en haut de la page

Vos commentaires

Répondre à cet article

Qui êtes-vous ?
  • [Se connecter]

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

Retour en haut de la page

Ça discute par ici

  • GIS 4

    11 août 2012 – 1446 commentaires

    Présentation et nouveautés La version 4 de GIS abandonne la libraire Mapstraction au profit de Leaflet. Cette librairie permet de s’affranchir des librairies propriétaires tout en gardant les mêmes fonctionnalités, elle propose même de nouvelles (...)

  • Newsletters

    16 janvier 2013 – 442 commentaires

    Ce plugin permet de composer des Info-lettres. Par info-lettre, on désigne ici le contenu éditorial qui va être composé et envoyé par courriel à une liste d’inscrits. Le plugin permet de composer une info-lettre à partir d’un modèle pré-composé, (...)

  • Alerte d’urgence

    27 janvier 2015 – 12 commentaires

    Ce plugin permet d’afficher très rapidement et de manière très visible un message urgent que vous voulez fournir à vos visiteurs. Fonctionnement par défaut Par défaut, le plugin n’affiche rien tant que le message est vide. Un formulaire de (...)

  • BootStrap pour SPIP

    18 mars 2015 – 47 commentaires

    Documentation source http://spipr.nursit.com/bootstrap Présentation BootStrap est un framework qui facilite et accélère le développement Front-End. Il inclue une base CSS très complète (au format LESS) configurée à partir d’un fichier (...)

  • Escal-V3 et Escal-V4

    16 février 2012 – 303 commentaires

    Un jeu de squelettes proposant un affichage en 2 ou 3 colonnes avec un large choix de noisettes à insérer ou pas, fortement paramétrable depuis l’espace privé. Présentation A l’instar de sa petite soeur plugin Escal-V2 dont elle reprend toutes les (...)