bl6.jpホーム買いものお出かけ雑記bl6.jp備忘録を綴るブログmenuホームJavaScriptモダンエフェクトなレスポンシブ対応のカルーセル実装「jRCarousel」JavaScript2016.01.25モダンエフェクトなレスポンシブ対応のカルーセル実装「jRCarousel」jRCarouselはモダンエフェクトなカルーセルを実装できるjQueryプラグインです。レスポンシブに対応しているのでPC、タブレット、スマートフォンとさまざまなデバイスで最適なレイアウトに表示されます。便利なオプションも備わっているので、カスタマイズしたい方にも最適です。マークアップがシンプルなのもうれしいポイントのひとつですね。jRCarousel以下のページからjRCarouselのデモを確認できます。デモ画像にマウスオーバーすると両サイドに前後移動できる左右の矢印が表示されます。カルーセルの右下にはドットのナビゲーションもついているので、ここから好きな位置へ移動することも可能です。オプションでは幅や高さの指定やアニメーションスピード、アニメーションインターバルの指定をすることができます。オートプレイ(自動スタート)のオン・オフもオプションから設定可能です。アニメーションはslide、scroll、fade、zoomInSlide、zoomInScrollから選択できます。そのほか、ナビゲーションにはcirclesかsquaresを指定できます。これ以外にもいろいろオプション項目が用意されているので、気になる方は是非チェックしてみてください。いうわけで、ファイル容量も小さいレスポンシブに対応したアニメーションつきカルーセルを実装できる「jRCarousel」のご紹介でした。jRCarouselのダウンロードや具体的な使い方の詳細は以下からどうぞ。spaceに変更する設定方法次のページ検索:最近の記事2023.05.26MySQLのパスワードが原因だったWordPressのダッシュボードを開くたびに「PHPが古いからバージョンアップ...2023.05.2510時開店のカフェもなかなか使い勝手がいいオールドデリーに行きたくて少し早めに銀座へ到着したのはいいものの、いや少しではな...2023.05.23なぜか2枚目のナンが運ばれてくる(笑)ひさしぶりに銀座のオールドデリーへ行ってきた。いつのまにか移転したらしくメルサか...2023.05.22実るほどこうべをたれる、いや最初からこうべは真下か...スタバを終えて歯医者までまだ時間があったから公園まで散歩することにした。