タグ

ブックマーク / detelu.com (1)

  • jQueryプラグインを使わずに自前カルーセルパネルを導入してみる | 1:n – DETELU Blog

    カルーセルパネル系のjQueryプラグインはかなり数が多いのですが、今回はjQuery体のみ利用しプラグインを利用せず自作してみます。CSSJavascriptを数行書き換えるだけで横型、縦型の2つが作れます。 プラグインを使わずにカルーセルパネル 横型 プラグインを使わずにカルーセルパネル 縦型 ではでは横型のカルーセルパネルを作っていきます。まずはHTMLCSSでカルーセルパネルの表示部分をつくります。内容を表示させるボックスを指定して、その中にリスト横並びに並べることにしましょう。両端にはリストを動かすボタン(「id=prev」「id=next」)を置き、これはCSSで配置を制御します。で、できたものは下記↓。 プラグインを使わずにカルーセルパネル HTMLCSSのみ ■HTML <div id="carouselwrap"> <div id="prev" class="hi

    yukee
    yukee 2013/04/19
  • 1