Mozilla Demo Studio

  • デモを投稿

Drag&Drop Slideshow

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

利用技術: JavaScript, HTML5, Canvas, ドラッグ&ドロップ

  • コメント数 0


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.
-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, since Firefox doesn't support the HTML5 equivilent)
(Please forgive any bugs, I'm very new to web apps)


Register or log in to add your own.


Download the Source 6.78 KB · ZIP File

This demo is released under the GPL license.