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
返信
いきなりですいません。
こちらで紹介されていたすばらしい機能のスライドショーを使わせていただきたいと思いまして、ソースダウンロードさせていただきました。ありがとうございます！
１つ質問させていただきたいのですが、連動したサムネイルを表示させるのはけっこう難しい作業になってしまうのでしょうか..??
こちらで紹介されていたすばらしい機能のスライドショーを使わせていただきたいと思いまして、ソースダウンロードさせていただきました。ありがとうございます！
１つ質問させていただきたいのですが、連動したサムネイルを表示させるのはけっこう難しい作業になってしまうのでしょうか..??
投稿者
迷える子羊
: 2010/06/07 21:33:00 JST
返信
迷える子羊さま、コメントありがとうございます。
サムネールを表示出来るサンプルを以下に投稿しました。
http://www.matsuaz.com/matsumotojs/2009/09/30/1254238170892.html
ぜひ参考にしてみて下さい。
サムネールを表示出来るサンプルを以下に投稿しました。
http://www.matsuaz.com/matsumotojs/2009/09/30/1254238170892.html
ぜひ参考にしてみて下さい。
投稿者
OGi
: 2010/06/07 21:57:04 JST
返信
こんにちは。
このページで紹介されていたjsをホームページで使わせていただきたいと思っているのですが、
ご自由にどうぞ、とご記入されていたのですが、
何か著作権とうで明示しなければならない表記などはありますでしょうか？
ご自由にとのことだったので、特に何も表記はいらないのでしょうか？
すいませんよろしくおねがいします。
このページで紹介されていたjsをホームページで使わせていただきたいと思っているのですが、
ご自由にどうぞ、とご記入されていたのですが、
何か著作権とうで明示しなければならない表記などはありますでしょうか？
ご自由にとのことだったので、特に何も表記はいらないのでしょうか？
すいませんよろしくおねがいします。
投稿者
Anonymous
: 2010/06/24 13:45:55 JST
返信
すいません。
さきほど書き込みをしたものなのですが、
個人としてでは無く商用としてしようしたいのです。すいません。
何か著作権とうで明示しなければならない表記などはありますでしょうか？
よろしくおねがいいたします。
さきほど書き込みをしたものなのですが、
個人としてでは無く商用としてしようしたいのです。すいません。
何か著作権とうで明示しなければならない表記などはありますでしょうか？
よろしくおねがいいたします。
投稿者
Anonymous
: 2010/06/24 14:24:21 JST
返信
コメントありがとうございます。
ここに掲載しているスクリプトは少し古いものです。新しいのを以下で配布しています。
http://www.matsuaz.com/matsumotojs/categories/tips.html
サイドバーのGoogleCodeのリンクからどうぞ。
ライセンスはソースにあるコピーだけ残して頂ければ、改変も商用利用も問題ありません(BSDライセンス)。上のブログで追加のライブラリも追加しておりますのでご覧ください。
ここに掲載しているスクリプトは少し古いものです。新しいのを以下で配布しています。
http://www.matsuaz.com/matsumotojs/categories/tips.html
サイドバーのGoogleCodeのリンクからどうぞ。
ライセンスはソースにあるコピーだけ残して頂ければ、改変も商用利用も問題ありません(BSDライセンス)。上のブログで追加のライブラリも追加しておりますのでご覧ください。
投稿者
OGi
: 2010/06/24 14:38:04 JST
返信
ありがとうございます!!
ソースのライセンスを残したまま使わせていただきます。
また何かありましたらよろしくおねがいします!!
ソースのライセンスを残したまま使わせていただきます。
また何かありましたらよろしくおねがいします!!
投稿者
Anonymous
: 2010/06/24 14:44:35 JST
返信
コメント追加
遂に、習作公開ですね。これはｶｯｺｲｲ。
後で、ソースコード見てみます。
儂もなにか公開したい！！
しかし、儂は時間が・・・。某、STX社さんのプロジェクトが火を吹きまくっていて炎上中です。
今日は自宅に直帰しましたが、深夜に某所に行けば、目を真っ赤にした儂のへたれ顔が拝めると思いますよ？