Ajaxでスライドショーを実装 （AJAX Slideshow）
2006年11月30日(木) 15:40
AJAX Slideshowで面白いスライドショーを実装できる。 Max Kiesler.comでサンプルと共にダウンロードできる。 （「Download the slideshow here」からダウンロード）
URLにアンカーパス（#）で画像番号を指定することもできるので、スライドショー用のページを作成して、リンクなどで画像番号を指定して開けるスグレもの。
（サンプルを表示）
しかし、複数の画像を指定するには直接JavaScriptにコードを埋め込んでいく必要がある。
ダウンロードしたファイルには以下が含まれています。
- slideshow.html - サンプルHTMLソース
- ajax-slideshow.js - JavaScriptコード本体
- ajax-slideshow.css - スタイルシート
- /images - GIF、サンプルJPEG画像
導入するのは楽なのだが、CSSの修正など細かく直す部分が意外とある。もう少し汎用的なコードになると良いですね、楽に組み込みができるバージョンを作ってみようかな？
関連する記事
- マウス操作で写真にズームするギャラリーswf（PostcardViewer）
- CSSとCanvasで描写するWeb用のUIフレームワーク（Mocha UI）
- 透明感のあるデザインをJavaScriptで実装する（glassbox.js）
- MP4、FLVなど再生するFlashプレーヤーswf （JW FLV MEDIA PLAYER）
- FlashやFLV、MediaPlayerに対応したスライドショーJavaScript（shadowbox）
- デザインが魅力的なスライドショーJavaScript (Lightview)
- 楽にフォーム入力チェックを実装するJavaScript （JSValidate）
- CSSデザインレイアウトをオンラインで簡単に作成する （YAML）
- ユーザーが再配置可能なWedgetを実装するJavaScript （Prototype Portal Class）
- フォームボタンCSSデザインするテクニック （Rediscovering Button Element）
- 半透明の角まるツールチップを表示するJavaScript （CoolTips）
- JavaScriptでプログレスバーを簡単に実装する （jsProgressBarHandler）
- JavaScriptコード圧縮して盗用から守る （packer）
- iTuneのようにカバーアートを表示するFlash （iTunes Coverflow）
- 画像をサムネイルのサイズで表示するJavaScript （jQuery Thumbs）
- Ajaxでサクサク動くWebファイルマネージャ （Relay）
- アンカータグを利用してスムーススクロールを実装する （df Smooth Scroll）
- MacでもFlashでホイール操作が出来るようにする （SWFMacMouseWheel）
- HTMLなどタグ編集を楽にするエディタ機能JavaScript （jTagEditor）
- 使いやすいYUIライブラリのWYSIWYGエディタ （Rich Text Editor）
