21st
April
2009
jQueryを使ったスムーズで美しいイメージスィッチャー
ほんまjQueryの活用範囲はとどまるところを知らないって感じ。なんせ、フェードとかのスムーズな動きはこれまでJavascriptとは違って上手く出来てるし、動作が軽いのもええ点です。
今回は先日のスライドショーとは違って、画像を切り替えるときにいろんな効果を使ったImageSwtchをいうのを見つけたので覚書。
ImageSwitch
動作としてはFade in、Fly in、Fly out、Flip in、Flip out、Scroll in、Scroll out、Single Door、Double Doorの9種類でどれもスムーズでかっちょいい動きをしてくれます。
こちらのサイト、プログラムももちろんだけど、デザインがまたおっ洒落～。プログラマーさんのサイトってどっちかっていうと無機質で愛想のないというか、デザインひどいサイトが多かったりするけど、ここはサイトデザインも格好いい。
細部まで手がこんでて、シンプルでわかりやすい。最近はこういった感じでマルチで活躍するプログラマーさん（デザイナーさん？）が増えてきてサイト巡りも楽しいです。
Leave a Reply