2012-12-03 1 views
3

Dans un projet en cours, je souhaite créer une présentation comme une application Web pour tablette (ipad pour le début), dans laquelle l'utilisateur peut parcourir des diapositives pour apprendre quelque chose sur un produit. Reveal.js semble être une bonne option pour cela, mais comme d'habitude, j'ai besoin d'un peu plus de fonctionnalités que prévu hors de la boîte ...Comment ajouter une galerie d'images à glisser sur une diapositive de reveal.js?

Je voudrais avoir quelque chose comme une galerie d'images sur l'un des les diapositives - comme les vignettes 5x4, et si l'utilisateur en touche un, l'image apparaît en plein écran, et l'utilisateur peut aller et venir dans cette galerie. S'il en a assez, il retourne à la galerie. Je peux émuler ce comportement avec des diapositives de sous-sections verticales et ajouter un bouton "retour à la galerie" à ces sous-faces, et j'explore cette possibilité, mais cela semble un peu limité si je veux aller plus loin.

Autant de questions sont:

  • est-il un moyen de mettre en œuvre un plugin galerie à reveal.js?

  • Si tel est le cas, lequel parmi les nombreux dans le domaine jquery fonctionnera bien avec reveal.js (étant donné que reveal.js ne dépend pas de jquery lui-même). Le support tactile serait un peu obligatoire.

  • Y at-il des alternatives à mon approche?

  • Y a-t-il de meilleurs outils pour ma tâche que reveal.js? J'ai regardé impress.js et surtout jmpress.js, mais ils semblent être plus compliqués/puissants que j'en ai vraiment besoin. Cela signifie: j'ai eu un bon résultat dans reveal.js plus vite que jmpress.js pour ma tâche.

Je suis au courant de la question est encore assez vague, mais je suis d'explorer les possibilités pour le moment ...

Répondre

0

Je pense que vous pouvez redéfinir le travail de swipe des conditions en ajoutant un code comme celui-ci :

Reveal.addEventListener('somestate', function() { 
    // TODO: Sprinkle magic 
}, false); 

plus d'informations sur les états regarder here

Questions connexes