• かちびと.net

    シンプル・軽量(2.2KB)・手軽なjQueryコンテンツスライダー・hash sliderのご紹介です。スライドを動かすと、URL末尾に#が付きます。ここに直接リンクし、表示させることが出来るプラグインです。

    Kudos for

    WordPress jQuery
  • About This

    Web制作に役立つTips、チュートリアル、、マーケティングに役立つ情報などのリソースをほぼ毎日配信しています。宜しければメモ代わりにご利用下さい。詳しい情報はAbout me またはhumans.txtをご覧下さい。

    Kachibito.net is a community-based website for web designers and developers. The site includes a popular weblog, a design gallery, a open source software, design tips, and the various web-news.

  • Links

シンプル・軽量(2.2KB)・手軽なjQueryコンテンツスライダー・hash slider

スポンサーリンク

よくあるコンテンツスライダーですが、
軽くて使いやすそうでしたのでメモ。
hash sliderは、わずか2キロバイト
ほどの軽量スクリプトです。こういう
のはいくつ覚えておいても損しない
ですね。

軽い、というのは大事ですよね。スライドさせるとURL末尾に#~が付き、ここにリンクすることが出来ます。

hash slider


シンプルです。マークアップも単純なので使いやすいのでは。

<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>

デモでは画像を利用しています。

#~にリンク


#~にリンクさせることで個々のスライドを指定して表示させる事が可能です。そういえば試したことなかったです・・・

ちょうどコンテンツスライダーを探していたのでこれでテストしてみようと思います。

hash slider

URL :
TRB :

Comments & Trackbacks (2)

Twitter

Web制作に役立つそうなリソースを独断と好みで配信しています。

かちびと.netにリンクの無いトラックバックはお受けいていません。
コメントされる前にガイドラインをご覧下さい。

twitter facebook rss contact

Ads

Posts

Contact

Services