Diaporama pour le web

Tibo 7ca2286796 Simplified templates 6 months ago
dist 7ca2286796 Simplified templates 6 months ago
example 7ca2286796 Simplified templates 6 months ago
scss 7ca2286796 Simplified templates 6 months ago
src 7ca2286796 Simplified templates 6 months ago
.gitignore 5b855441ea Init project 6 months ago
gulpfile.js d4d281a5e3 Theme separation 6 months ago
package-lock.json 4712b56830 simplified template 6 months ago
package.json 4712b56830 simplified template 6 months ago
polka_preview_1.png 87a7e293d9 New option, preview 6 months ago
polka_preview_2.png 87a7e293d9 New option, preview 6 months ago
polka_spin.gif 5b855441ea Init project 6 months ago
readme.md 0b2dbf912c todo 6 months ago

readme.md

Polka

Librairie javascript de diaporama d'images.

Le but du projet et de créer un diaporama léger et capable de s'adapter à des design réactif.

Preview Preview

À faire

  • Nettoyer le code
  • Modulariser les thèmes

Utilisation

Pour utiliser Polka, il vous suffit de télécharger le dossier ./dist et de l'ajouter dans l'un de vos projets.

Jetez un oeil à l'exemple contenu dans /examples/index.html pour plus de clarté.

Inclure le theme css dans votre head

<link rel="stylesheet" href="../dist/polka.min.css">

Inclure le code compilé dans une balise script en bas de page.

<script src="../dist/polka.min.js" charset="utf-8"></script>

Ajouter un nouveau script pour initialiser un diaporama

  • target, élément contenant le diaporama (Doit être un Id)
  • slide, les diapositives (Doit être une classe)
  • pagination, élément contenant la pagination, (Peut être omis)
<script type="text/javascript">
  new Polka({
    target: "#carousel",
    slide: ".slide",
    pagination: ".pagination"
  });
</script>