hash slider


Description: http://example.com/#hash01などで指定すればそれにあったスライドを表示させることが出来る、というもの。マウスホイールにも対応しており、且つ軽量です。
Sample: demo
Tutorial: hash slider
License: どんな用途でも無料(free for everyone)

Note

<div id="slider">
<ul>
<li> example</li>
<li> example2</li>
</ul>
</div>
<div id="left"> goLeft </div>
<div id="right"> goRight </div>
<ul id="numbers">
<li></li>
</ul>

マークアップもシンプル。

Related snippet :

  • Description: クロスブラウザに対応したシンプルで使い勝手の良いギャラリー系プラグインです。マークアップもシンプルで導入も手軽に行えます。 Sample: ...
  • Description: フォームがアクティブの時にラベルを外にスライドさせます。通常はアクティブ時に消えますが、外にだすことで、入力補助になりそうです。クロスブラウザにも対 ...
  • Description: 横幅全体を使ったダイナミックなイメージギャラリーです。IE6以外はかなり素敵な表現が出来そう。アニメーションしながらズームし、そのままスライドショー ...
  • Description: シンプルで多彩なスライダー。画像周りに無駄な装飾がないので既存のデザインにしっくり納められる汎用性がありますね。クロスブラウザで動作してくれます。m ...
  • Description: 横長で可愛いコンテンツスライダーです。オート機能も追加されたようです。縦横のサイズを決めれば画像に限らず、様々なコンテンツを入れることが可能で、1ペ ...
  • Description: iTuneライクなスライダーを手軽なコードで実装します。IEだとちょっと微妙ですね・・・サムネイル付きで画像の切り替わりと連動してサムネイルも動きま ...
  • Description: ややニッチな用途です。iPadや、iPhoneのようなタッチデバイス向けのLightbox系プラグイン。縦でも横でも画像幅を自動で最適化してくれます ...