jQuery+css3で作るダイナミック且つクールなWebギャラリー・SIDEWAYS

Ads

css3を使う限り実践的なテクニックとは
言えませんが、素敵なWebギャラリー
でしたのでメモがてらエントリー。jQuery
とcss3で画面全体を使ったダイナミックな
Webギャラリーです。かなりFlashに近い
感じで素敵です。

画面全体を使用してダイナミックに動いてくれます。

SIDEWAYS

sidewaide01

左のサムネイルをクリックすると右がスライドインして全画面に画像が表示されます。マウスの動きでもスライド。

sidewaide02

フルスクリーンモードのままでも次の画像に移動できます。

IMG_5993
iPhoneではスクロールバー以外は動作しました。

css3なのでIE、特に6は残念な事になっていますが、jQueryそのものは動いてますね。

SIDEWAYS