誰も寝てはならぬ

| HOME | まさかページランクが下がったのって、ちょっとタイトルを短く変更した影響?

仕事で作った使える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ブログの作り方」です。


もし、やってみたいけど難しいというお声があれば、今回の設定の仕方を記事にいたします。

« ブログ開始、2週間目の7日間のアクセスを公開.。ひきこもりたい気分(T_T)|Top|約30万のYAHOOブロガーがコマーシャリズムに目覚めたとき。 »

コメント

コメントの投稿

管理者にだけ表示を許可する

トラックバック

http://dame3212.blog123.fc2.com/tb.php/20-ed06fe56

Top

HOME

dame3212

dame3212
できれば(笑)↓お願いです。
にほんブログ村 ブログブログ ブログノウハウへ

カスタム検索

全ての記事を表示する