仕事で作った使えるWebの技サンプルを、ブログに入れてみました。
ThickBox 3とは、(以下「マイコミジャーナル」さんの記事から引用)Ajax(非同期通信処理)を利用して画像を表示するライブラリです。同じようなライブラリとしてはLightbox)が有名ですが、Lightboxはprototype.jsライブラリを利用しているのに対し、ThickBox 3はjQueryライブラリを利用しています。ThickBox 3の画像は単独の表示だけでなく、複数画像をグループ化してスライドとして表示させることもできます。また、画像だけでなくHTMLファイルなども表示させることができるので、いろいろ応用できそうです。
・・・ということです。
そのThickBox 3をブログに導入したわけですが、下の写真をクリックしてください。レイヤーのような画面が表示されます。
6枚の写真がNextで連続して見れたと思います。写真は1枚だけならNextは表示されません。
写真は郡上八幡ほかですが、周りを暗くしてなかなか引き立つでしょう?
写真が趣味のブロガーさんにはいいんじゃないでしょうか?
あと、写真だけでなく、HTMLも同じようにはめ込むことができます。
レイヤーのような画面に広告をはめてみました。
「Amazonブログ本特集」
ご購入いただかなくて結構ですから(笑)ページだけ開けてみてください。
どうでしょうか?
写真表示とHTML表示はリンク等の方法が違いますが、ThickBox 3は共通です。
JSやCSSファイルのアップやテンプレートがカスタマイズ可能なブログならOKです。
面倒なのは最初だけ、あとは楽です。
ファイルダウンロードや参考にしたのは
「マイコミジャーナル」ゼロからはじめるThickBox 3 - 画像もHTMLファイルもスイスイ表示 と、
別のライブラリですがとても勉強になった るんばばさんの「初心者でもできる簡単FC2ブログの作り方」です。
もし、やってみたいけど難しいというお声があれば、今回の設定の仕方を記事にいたします。
・・・ということです。
そのThickBox 3をブログに導入したわけですが、下の写真をクリックしてください。レイヤーのような画面が表示されます。
6枚の写真がNextで連続して見れたと思います。写真は1枚だけならNextは表示されません。
写真は郡上八幡ほかですが、周りを暗くしてなかなか引き立つでしょう?
写真が趣味のブロガーさんにはいいんじゃないでしょうか?
あと、写真だけでなく、HTMLも同じようにはめ込むことができます。
レイヤーのような画面に広告をはめてみました。
「Amazonブログ本特集」
ご購入いただかなくて結構ですから(笑)ページだけ開けてみてください。
どうでしょうか?
写真表示とHTML表示はリンク等の方法が違いますが、ThickBox 3は共通です。
JSやCSSファイルのアップやテンプレートがカスタマイズ可能なブログならOKです。
面倒なのは最初だけ、あとは楽です。
ファイルダウンロードや参考にしたのは
「マイコミジャーナル」ゼロからはじめるThickBox 3 - 画像もHTMLファイルもスイスイ表示 と、
別のライブラリですがとても勉強になった るんばばさんの「初心者でもできる簡単FC2ブログの作り方」です。
もし、やってみたいけど難しいというお声があれば、今回の設定の仕方を記事にいたします。
