クライアント様のサイト制作中に、ご存じLightboxを導入。いろいろ探していて、「ColorBox」っていうjQueryのLightboxを見つけたので、使ってみました。これ、いろんなサイトで紹介はされていますが、とても高機能。見た目もいろいろと選べるし、MITライセンスなのでカスタマイズも可。オススメです。

ColorBox – customizable lightbox plugin for jQuery 1.3 ＆ 1.4

んでこのColorBoxの、Wordpress用のプラグインもあったのでご紹介。

jQuery Lightbox For Native Galleries

gallery機能の自動ColorBox化と、aタグに指定のクラスをあてる事によってColorBox化。デフォルトでは「a.lightbox」で動作します。

その他、他のLightboxプラグインと同様に、aタグにrel属性で共通の値を入れる事でグループ化。
ajaxでhtml取得やインラインhtml、ビデオの埋め込み、iframeで外部のページの読み込みも可能。

Wordpressの管理画面側でデザインの変更も可能です。

以上。いろいろといじりやすいプラグインだと思うので、機会があれば是非どうぞー。

たまに可変グリッドレイアウトのブログを見かけます。ウィンドウのサイズに合わせて、ブログの記事などのコンテンツが再配置されるサイトです。実は知らなかっただけで、結構前から流行ってたっぽい。実際に見てみると、動きが面白くて魅力的です。一度表示させてからウィンドウサイズの変更した時にも、ズラーッと並び替えしてくれるんですね。面白い。パッと見た感じ、多少知識がないとカスタマイズは難しい…のかな？とりあえず、今回はそんな可変グリッドレイアウトの日本製のテーマを紹介。

TRIPLESHIPS Inc. [Theme Name; tanzaku]
URL: http://www.tripleships.com/works/tanzaku/

STRAIGHTLINE [Theme Name; GRID wordpress theme]
URL: http://www.straightline.jp/private-works/grid-wordpress-theme/

今度カスタマイズに挑戦してみよー。。。その前に仕事片付けないと時間ないか；

後、可変グリッドレイアウトを実装出来るjQueryプラグインもメモ。今度いじってみよー。

Xlune::Blog　可変グリッドレイアウトのjQueryプラグイン
URL: http://blog.xlune.com/2009/09/jqueryvgrid.html

webで調べてみたところ、生カキ等の二枚貝から感染する事が多いそう。他は経口感染が多いらしい。んで、貝類を生で食べることの多い冬に感染する人が多いそう。まさにどんぴしゃり。ある意味冬の風物詩。やられた気分です

さて。今日は仕事で、クリックするとツリー型にメニューが表示されるjavascriptを調べてました。あまり使い道はないですけどねー。とりあえず、メモ。

<script type=”text/javascript”><!–
function tree(id) {
if (document.getElementById(id).style.display == “block”)
document.getElementById(id).style.display=”none”;
else document.getElementById(id).style.display=”block”;
}
// –></script>

上記をhead内に。ツリー表示させたい部分に下記。

<a href=”javascript:tree(’click1‘);” title=”クリック！”>クリック１</a><br>
<div id=”click1” style=”display:none;”>
├<a href=”リンク” title=”タイトル” target=”未定”>ツリー表示の１ </a><br>
└<a href=”リンク” title=”タイトル” target=”未定”>ツリー表示の２</a><br>
</div>

以上です。簡単ですよねー。

表示例は、test-room内でどうぞ。

次に、クリスマス近いし！って事で作った画像。まぁちょっと早いですが。メリークリスマス、って事で。

そろそろチュートリアル、まとめないと･･･