Drag&Drop Slideshow

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

Built using JavaScript, HTML5, Canvas, Drag and Drop

  • 82 views
  • 0 comments

More About This Demo From The Author

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)

No comments yet.

Register or log in to add your own.

Get the Source Code

Download the Source 6.78 KB · ZIP File

This demo is released under the GPL license.