角丸幅可変ボタンでクロスフェードをする
角丸の幅可変ボタンを作ろうと思うと割と面倒くさいんですけど
さらにクロスフェードさせたい（実質クロスフェードではないんですが）
という欲望に負けてやってみました。
WordPressのホームに表示する画像をランダムで変える
ていうのをリニューアルしたときからしてるんですが（て言っても2枚だけ。。。）
WP Super Cacheのキャッシュ機能で一定時間毎しか更新されないので 全然意味がない…
Smashing Magazineでちょうど紹介されてたので（ちょっと違うけど）ソースでも。
アクセス毎にランダムで画像を切り替える
前もって
- /img/share/img00.jpg
- /img/share/img01.jpg
といった具合に画像を用意しておいて以下をheader.phpなどに記述するだけです。
<div id="img"><?php if(is_home()){ // homeだけしか画像は表示しない
$num = rand(0,1); // 画像の枚数分 2枚を切り替える場合は 0か1だけ
echo '<img src="/img/share/img0' . $num . '.jpg" alt="" />'; // 画像を表示
} ?></div>
<!--//Image-->
Smashing Magazineはヘッダの背景に読ませてますね。
どっちにしろ最初に書いたようにWP Super Cacheを使ってる場合はあんまり意味ないです…
それよりもスライドでもなんでもギャラリーを作りたいなぁ 勉強用に。
jQueryを使ってdisplay: inline-blockを使うときのFirefox2への対処を考える
display: inline-block が便利すぎてなんとか普通に使えないかと考えてみました。
これが使えるとコーディングでメンドイところがかなり減る感じ。
