Web Design Tips ThickBoxを使ってWeb2.0っぽく
Author:Naoking Photoshop CS2、Illustrator CS2、Dreamweaver8、Flash8などを使ってます。 よく使うブラウザはWin Firefox。 前はMac使って紙媒体もやってました。今ではMac使うのはサイトの動作確認とMacでしか使えないフォントを使う時だけです(^^; 「サムネイル画像をクリックすると大きな画像を同ブラウザ上で表示する」ってサイトをよく見るようになりました。 クリックすると別ウィンドウではなく、サムネイルの上に画像ボックスが表示するやつです。 別ウィンドウが開くっていうのは嫌われる傾向にありますし、なによりかっこいいですよねｗ たいていはPrototype.jsとLightBoxというライブラリを使用しています。 LightBoxってのがWeb2.0っぽい表示をさせるライブラリです。 Prototype.jsはファイルサイ
thickboxを利用した画像表示 | サイト構築日記
管理パネルを使っているとthickboxを利用した画面をよく見ると思います。画像登録などを行うときに登録画面が中央に表示され周りが半透明の黒色にグレイアウトされる画面です。 これをユーザ画面の画像表示に使ってみたいと思います。thickbox表示プラグインを利用する方法や、新たにthickboxをダウンロードしてそこから読み込む方法などいろいろあるようですが、せっかくwordpress自体にthickboxが組み込まれているわけですから、それを利用できないか調べてみました。 thickbox関連ファイルはどこに？ 「wp-includes > js > thickbox」ディレクトリ内に全て揃ってます。 ①loadingAnimation.gif ②macFFBgHack.png ③tb-cloase.png ④thickbox.css ⑤thicbox.jp thickbox関連ファイル
【ハウツー】ゼロからはじめるThickBox 3 - 画像もHTMLファイルもスイスイ表示 (1) ゼロからはじめるThickBox 3 - 画像もHTMLファイルもスイスイ表示 | パソコン | マイコミジャーナル
ThickBox 3とは? ThickBox 3はAjax(非同期通信処理)を利用して画像を表示するライブラリです。同じようなライブラリとしてはLightbox)が有名ですが、Lightboxはprototype.jsライブラリを利用しているのに対し、ThickBox 3はjQueryライブラリを利用しています。ThickBox 3の画像は単独の表示だけでなく、複数画像をグループ化してスライドとして表示させることもできます。また、画像だけでなくHTMLファイルなども表示させることができるので、いろいろ応用できそうです。Lightboxと比べてもThickBoxの方がプログラムサイズがコンパクトなことも魅力です。 ThickBox 3の大きな特長としてスクリプト(プログラム)を記述しなくてよいという点があります。つまり、全くプログラムが分からない人手も気軽に使うことができます。ThickBo
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
