jQueryを活用したUI表現「Slider Gallery」

July 27, 2008
apple.jpg

そろそろ勉強せなあかんと思っていた「JQuery」。

「prototype」もほとんど理解してないけど、まず「JQuery」のサンプルを触ってみるのが手っ取り早いので、アップルのカッコイイ製品メニューが話題の「Slider Gallery」をいじってみました。

Slider Gallery

限られたスペースを有効活用しながら複数の画像が掲載でき、スライドバーを動かしたり、項目ごとのボタンをクリックすると任意の画像の位置までスライドしてくれる優れものです。

Slider Galleryの解説ページ

デモ版はコチラ

画像を差し替えてテスト

kys-slidegallery

デモ版を取りあえずcssと画像を書き換えてみました。

実験結果

全く何がどうなっているのか分かってないのに使えてしまう「JQuery」。スゴッ!

でも応用を効かしていくには仕組みを理解していかないといけませんな。

関連記事

トラックバック(0)

このブログ記事を参照しているブログ一覧: jQueryを活用したUI表現「Slider Gallery」

このブログ記事に対するトラックバックURL:

コメントする

PageTop