Mozilla Demo Studio

  • デモを投稿

Drag&Drop Slideshow

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

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

  • 閲覧数 83
  • コメント数 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)

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

コメントを投稿するには、サインアップ するか ログインしてください。

ソースコードを入手

ソースをダウンロード 6.78 KB · ZIP ファイル

このデモは GPL ライセンスの下で公開されています。