【ハウツー】クールなスライドショーもJavaScriptで簡単! - Smooth SlideShow Library (1) なにはともあれAjax? (MYCOMジャーナル)
"Ajaxian.com 2006 Survey Results" の調査結果や "The State of Web Development 2006/2007 (Results Preview)" の調査結果を見るに、今後のWebアプリケーション開発において採用する技術としてAjaxの活用は大きな流になりそうだ。Prototype、Script.aculo.us、Dojo、DWR、Moo.fxといったAjaxフレームワークをベースとして採用し、ここに各種パーツを追加したり、別途独自開発したりということが多い。 ここではPrototypeとMoo.fxをベースにして開発されてきたスライドショーライブラリ「Smooth SlideShow Library」を取りあげたい(注: 現在はmootoolsベース)。どの程度の工程で機能を実現できるのか参考になれば幸いである。
XHTML + CSS + JavaScriptによるスライドショーシステム
XHTML版スライドとは CSSとJavaScriptによる疑似スライドシステム 1つのXHTMLファイルを、div要素あるいは見出し要素単位で複数のスライドに見立てる。 CSSで1つのスライドブロックのみを表示（他はdisplay:none）。 クリックやキー操作イベントでJavaScriptを起動し、表示するスライドブロックを切り替え。 様々なXHTMLスライドシステムが存在するが、基本的な考え方は同じ。 XHTML版スライドのメリット 1つのファイルにまとまってコンパクトで扱いやすい。 適切に作ればCSS、JavaScriptが使えない環境でも通常のウェブページとして閲覧可能。 パワーポイントなどの専用アプリケーションが不要で、どこでもプレゼンテーションできる。 ウェブアプリケーションのデモをするときに、そのままブラウザ内でシームレスに操作できる。 アウトラインプロセッサの出力などの
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
