2009/02/09 22:37
| 印刷
[WEBテクニック]
スライドショーだけでなく、画像内にテキストも表示でき、停止や進む／戻る機能も追加できるというちょっとよくばりなJavascriptでのスライドショーを作ってみました。
ブログに貼付けるのはかなり大変でしたが、普通のHTMLページに埋め込むのであれば簡単だと思います。使用するライブラリは「prototype.js + script.acuio.us」。
あのＦＬＡＳＨでなくともここまでは何とかできるということで。
コントロール機能は外から任意で追加できるのでデザインが出来る人はかっこいいナビボタンなどを作ってみるとか。
LightBoxはシンプルでいいんだけど、こういうバナー的なものも欲しいということで作りました。まだ改良の余地ありですが。。
ライブラリやサンプルも同梱したファイル一式は＜こちら＞よりダウンロードできます。HTMLおよびスクリプトの知識がある方はご自由にどうぞ。
※エフェクトはクロスフェードのみ、テキストはドロップダウン固定。いつか拡張できるようにしたいです。
※ブログへの貼り付けはかなり難しいです、これもいずれは写真展示専用のテーマを用意したいです。
投稿者 : OGii
お久しぶりです。100ライン程度ですし、前に作ったものの改造なんで、期待はしないでね。prototype.js使いこなせてないですし。
もうあちらに出てるんですね、また聞かせてください。
もうあちらに出てるんですね、また聞かせてください。
投稿者
OGi
: 2009/02/10 0:51:47 JST
返信
これはこの前話してたヤツ？
イイですね。イケテます。
ありがとうございます！
イイですね。イケテます。
ありがとうございます！
投稿者
マツアズマン中林
: 2009/02/10 1:16:48 JST
返信
お久しぶりです。
機能については素人なのでわかりませんが…＾＾；
写真、イイですね～。
全部同じ場所ですか？
機能については素人なのでわかりませんが…＾＾；
写真、イイですね～。
全部同じ場所ですか？
投稿者
サブテン
: 2009/02/10 7:07:13 JST
返信
うゎ、サブテンさんお久しぶりです(^^)
これ、一年前の京都です。
これ、一年前の京都です。
投稿者
OGii
: 2009/02/10 12:19:58 JST
返信
すげぇ～っす。
これって、flickrとかとマッシュアップしたら面白いかもしれませんね。
これって、flickrとかとマッシュアップしたら面白いかもしれませんね。
投稿者
4_1
: 2009/02/10 8:55:27 JST
返信
ですねー。でもFlickrなら便利なツールが色々あるからなー（笑）
投稿者
OGii
: 2009/02/10 12:21:39 JST
返信
コメント追加
遂に、習作公開ですね。これはｶｯｺｲｲ。
後で、ソースコード見てみます。
儂もなにか公開したい！！
しかし、儂は時間が・・・。某、STX社さんのプロジェクトが火を吹きまくっていて炎上中です。
今日は自宅に直帰しましたが、深夜に某所に行けば、目を真っ赤にした儂のへたれ顔が拝めると思いますよ？