タグ

JQueryと自動に関するken-toshimaのブックマーク (1)

  • jQueryで自動でスライドするカルーセルパネルUIを作成する方法|BLACKFLAG

    以前、「jQueryでシンプルなカルーセルパネルスライドUIを作成する方法」と題して、 jQueryを使ってのシンプルなスクリプトでカルーセルUIを実装する方法を紹介しましたが カルーセル動作での自動でスライドするパターンの実装方法のリクエストをいただき、 以前のものをカスタマイズして、試しに作ってみたので紹介してみます。 まずは動作のサンプルから。 jQuery SIMPLE CAROUSEL AUTO SLIDE【SAMPLE】 5秒ごとにカルーセルパネルが自動でスライドします。 スライドは左右の矢印をクリックすることで動作させることも可能です。 並べられたコンテンツ要素(画像)は一つずつスライドし、 要素全体はループして表示されます。 このカルーセルパネルUIの全体構成について、 まずはHTMLから。 ◆HTML <div id="carousel"> <ul> <li><a hre

    jQueryで自動でスライドするカルーセルパネルUIを作成する方法|BLACKFLAG
    ken-toshima
    ken-toshima 2012/06/15
    使わせて頂きました! ありがとう!
  • 1