Mozilla Demo Studio

  • Soumettre une démo

Drag&Drop Slideshow

A simple slideshow with HTML5 Drag&Drop uploading and reordering.

Construit avec JavaScript, HTML5, Canvas, Glisser-déposer

  • 83 vues
  • 0 commentaires

L'auteur nous en dit plus sur cette démo

This simple slideshow uses HTML5 Drag&Drop to support file uploading and rearranging of slides. In both cases the selection of multiple images/slides is enabled. It also uses a custom drag icon.
Instructions:
-Drag images (use png for best results) to upload
-Click and drag to reorder
-Click multiple images (a blue border will apear) and drag to move them all
-Move the slider to change slide
-Press 'Play' to the play the slideshow
(The slider was made using https://github.com/fryn/html5slider, since Firefox doesn't support the HTML5 equivilent)
(Please forgive any bugs, I'm very new to web apps)

Encore aucun commentaire.

Inscrivez-vous ou connectez-vous pour ajouter le vôtre.

Obtenir le code source

Téléchargez le fichier ZIP · 6.78 Ko

Cette démo est fournie sous la licence GPL.