【jQuery】画像をスライド(スクロール)させて表示を切り替える slider スライダー

画像をスライド(スクロール)させて表示を切り替える jQuery slider スライダー。

アニメーションを実装すると画面に見栄えがでてきます。

配布されているプラグインには、「アニメーションのパターン」と「ナビゲーションの方法」などで差別化されています。あとは、「プラグインの実装方法」でしょうか。

各プラグインのデモを見て、使いたいものを選んでみるのがいいと思います。


ダウンロード&デモ
Nivo Slider　デモ
Easy Slider　デモ
coda-slider　デモ

【jQuery】 タブを実装する tabs

スペースを有効に利用して、情報を表示できるtabs(タブ)。

Yahooのトップページなど至る所で使用されています。jQueryプラグインを使えばこのタブ表示も簡単に実装できます。

インターネット上にはいくつも同じようなjQueryプラグインが存在しますが、
「idTabs」は名前の通り無駄な機能もなく、使いやすいプラグインだと思いました。

情報量の多いホームページではタブを使って情報を分散表示させることで、すっきりと見やすいいレイアウトが可能になります。

idTabsはjQueryのプラグインのため、動作にjquery.jsが必要です。

ダウンロード
jQuery idTabs

jQueryについて

jQueryについて、これからこのブログで書いていこうと思います。

これを知ってるのと知らないのでは、できることに差がでてくるので。
僕もそこまで詳しくはないですが、調べた内容を自分なりにまとめていくつもりです。
箇条書きにしてみると以下のような感じになります。

・タブやドロップダウンメニュー、スライダーを自分で作らなくてもサイトに実装することができる。
・XHTMLとCSSとjavascriptで構成されている
・jQueryにも用途によって種類があり、デザイン面で使えるのはjQuery UIと呼ばれるユーザインターフェイス(User Interface)に関連するライブラリ。ライブラリというのも詳しく分かっていませんが、簡単に言うと「誰でも利用できるようにまとめられたプログラム」みたいなこと。

言葉で説明するのは難しい・・・。やっぱり実際に使うのが一番わかりやすいですね。
とりあえず、次回はタブ(tab)について書いてみたいと思います。