Ajax利用の画像を表示するライブラリ「Lightbox 2.0」をおもひでの画像集へ導入 | 楽しみながら、飲みつづける!(おうちカクテルの作り方とレシピ)
2009年06月26日(金) 22時08分02秒

Ajax利用の画像を表示するライブラリ「Lightbox 2.0」をおもひでの画像集へ導入

テーマ:メモ!メモ!!
久しぶりに、自サイトに新たな機能を追加したいなぁ~っと思いながら、色々と考えてたんですが。。。
おもひでの画像集 」でデジカメ画像が多い場合に、もっとアルバム風にパラパラと画像を見たいな!…で
Ajaxを利用して画像を表示するライブラリ『Lightbox 2.0 』を自サイトに導入して追加してみましたよ♪
基本的には、↓のページを参考にして日本語化までちょちょいと作業をやってみました。結構簡単だったッス
 
 ⇒ゼロからはじめるLightbox 2.0 - 簡単にWebで写真アルバム機能を
 
一番最近の「おもひでの画像集 」が『オフオフ会(HSR九州 レンタルバイクでオフロードトレーニング) 』になり
元々は小さい画像をクリックすると別ウインドウで画像表示してましたが、同じウインドウ上でクールに表示
 

 

 
↑複数画像をグループ化してスライドとして表示も可能なので、「次へ」が表示されクリックで次の画像へ
 

 
↑逆にデジカメ画像左側にマウスを持って行くと「前へ」が表示されクリックすると前の画像が表示
 

 
↑表示されたデジカメ画像を閉じたい時には「閉じる」をクリックすると、元のページに戻る感じですよ。
 
 
なかなかイイ感じにデジカメ画像を表示できるようになりました。今後の「おもひでの画像集 」はコレで行くか
Ajax系のコンテンツは自サイトに初でしたが、なかなか使えて便利かも?JavaScriptも勉強するかなー
 
 
 
■楽しみながら、攻めつづけたい…(親ばか日記、時々Wikiネタ) 更新情報■
 ↓Wiki文法で知ったかIT講座ブログパーツも設置できるばい!〔2009/6/26(金) 午後 0:40〕
 http://blogs.yahoo.co.jp/yamasita_94nsr/58005110.html
 
 
---
楽しみながら、攻めつづける!
http://www.yamasita.info/
楽しみながら、攻めつづけたい…(親ばか日記&ヤフーブログ攻略)
http://blogs.yahoo.co.jp/yamasita_94nsr

アキラさんをフォロー

ブログの更新情報が受け取れて、アクセスが簡単になります

コメント

[コメントする]

Ameba人気のブログ

Amebaトピックス