on:2011年12月21日sponsorsIEでも滑らかで快適に動作するスライダーを簡単に実装できるjQueryのプラグインを紹介します。実装にかかる時間は2分くらいでしょうか。滑らかなアニメーションで動作します。実装は簡単で少しのコピペでok。ベースとなるスタイルシートは用意済み。Sliderのデモデモではサイトのトップにあるベーシックなスライダーと、本棚に並べたようなスライダーがあります。スライダーの操作はマウスホバーで、左右の端ほど素早くスライドします。Book」をクリックすると、本棚の本が増えます。実装は簡単でおよそ2分、3つコピペするだけです。外部ファイル「jquery.js」と当スクリプトを外部ファイルとして指定します。src="flowslider.jquery.js"></script>HTMLスライドする要素をdiv要素で内包し、「id="slider"」を付与します。5</div></div>CSS最小限に実装する場合は、必要ありません。上記の本棚のデモのような場合に記述してください。JavaScriptjQueryのセレクタで「#slider」を指定します。));})(jQuery);スクリプトのオプションオプションでは、アニメーションのスピード、ホバーの領域、初期デザインのスタイルシート利用の有無などが、設定できます。オプションを加えると、スクリプトは下記のようになります。Posts関連記事が見つかりませんでした。