この画像とか、「おでのiTunes」のレビューページや、各ページの右カラムの上部で表示させている、CD等のジャケット画像を鏡面反射のように見せているんだけど、これはいちいち画像を加工してるんじゃなくて、Javascriptで行っています。レビューページでは傾きを加えて、iTunesのCover Flowのように見せてるんだけど、当初は全て正面のみで表示させていた。 スクリプト自体、当初は「Reflection.js」を使わせてもらっていたんだけど、偶然これのさらに強化版？の傾きとかも設定できる「reflex.js」を発見！！！即試してみたくなってダウンロード。基本的にreflex.j...　続きを読む...

画像に対して４辺を角Rにするスクリプト。画像反射の「reflex.js」と同じサイトに掲載されていて、設置も同じ感じ。「corner.js」を読み込ませて、imgにclassで指定するだけ。 <img src="画像パス" alt="" width="" height="" class="corner iradius12" /> たったこんだけで、角が丸くなるすぐれもの。角丸の他に影とかいろいろできる。 　続きを読む...

前々から、バルーンヘルプ（吹き出し）みたいな事がしたくて、いろいろ探してサンプルをダウンロードし、試してみたんだけど、右メニューのアコーディオンメニューが動作しなくてなってしまう事情があり、保留にしていた。で、今日、仕事が一つ落ち着いたのでAdobe Spryのサンプルを見てたんだけど、その中に「Tooltip」ってのがあって、なんだコレ？と覗いてみたら、ズバリ「吹き出し」のサンプルだった。早速、サンプルのhtmlソースを見て、まずは何が必要かチェック。 「SpryTooltip.js」をコピーし「おでのiTunes」のトップページのテスト用htmlに追加インクルド。おでの場合、XMLを読み...　続きを読む...