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.
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)

まだコメントはありません。

Register or log in to add your own.

ソースコードを入手

Download the Source 6.78 KB · ZIP File

This demo is released under the GPL license.