昨日、『自動スケーリング機能付きjQuery画像スライダープラグイン「jQuery Image Scale Carousel」』として、
スライダー機能を紹介しましたが、
自動スケーリング機能は無いけれど、同様の動きをもっと軽いSCRIPTで実装できる
「simpleSli.de」も使いやすそうだったのでご紹介。

simpleSli.de.jpg
simpleSli.de: A Super-Simple jQuery Slideshow Plugin

<div>要素をスライドする構成なので、その要素内ならば画像でもテキストでもリンクでも自由に配置できます。
エリアにマウスオーバーで「NEXT」「BACK」のリンクが表示され、
クリックすると次の(前の)<div>要素がスライドして現れます。

SCRIPT自体がシンプルに出来ているので、
重さも感じること無く実装できます。

このプラグイン紹介ページ自体がナビゲーションが凝っていて、
動きがとても気持ちよい。

組み込みについての詳細はこちらのエントリーがとても参考になります。
スマートなスライド表示が出来るjQueryプラグイン「simpleSli.de」 « hislab

こういったスライダー動作は1ページ内の限られた範囲でも
ページの高さを長くすること無く、たくさんの情報を入れ込めることができるので
サイト構成を考える上で有効的に使えます。

残念ながらこのプラグインはIE6には対応していません。
サイト自体もIE6で見るとえらいことに。。。

IE6での閲覧が必要ではないサイトで是非。。。

  • このエントリーをはてなブックマークに追加
BlackFlag
FOLLOW

Related Posts

Comments (0)







コメント内容

※コメントにHTMLタグを直接入力しないでください。
※HTMLタグを入力する際はタグ一つ一つの括弧「<」「>」を全角に変換して入力してください。
コメントは承認制になっているのですぐには反映されません。コメント頂いた内容については出来る限り早めの対応を心掛けていますが、時期によって返答が遅くなってしまうことがありますので、何卒ご了承ください。
» コメントについてのご注意  |  » ライセンスに関して

軽量スクリプトでスライダー機能を実装できるjQueryプラグイン「simpleSli.de」

Hatena Bookmark
Popular Entries
Recent Entries
PR
Facebook
Animal Protection
  • 福島被曝牛支援のお願い
  • NO FUR
Books
  • jQuery Technical Note
  • 外掛OUT! jQuery 高手精技
Partner