今日紹介する jQuery プラグイン[bxSlider]はレスポンシヴ・デザインにも対応した高性能なコンテンツ・スライダーです。 まずはサンプルをご覧ください。 jQuery bxSlider:サンプル・デモ 特徴は初心者でも簡単に設置できること、ファイル容量が小さい軽量設計、レスポンシヴ・デザイン対応で、各種スマートフォンやタブレットでも横幅に合わせてコンテンツのサイズを自動的に調整してくれること、また、画像だけでなく動画も含めた表示が可能、そしてオプション機能が豊富に用意されていることも大きな魅力の1つです。 実装方法は以下のとおり。 [bxSlider]の設置方法 最初に[bxSlider]の本体ファイルをダウンロードします。 リンクは以下より。 bxSlider:ダウンロード フォルダの中にいくつかのファイルが含まれていますが、基本的に必要なのはスクリプトの[jquery.bxs
![【jQuery】超簡単jQueryスライダー[bxSlider]の使い方。](https://cdn-ak-scissors.b.st-hatena.com/image/square/aedf9a95cd6976253f215265fb70dab4d5466e56/height=288;version=1;width=512/https%3A%2F%2Fon-ze.com%2Fblog%2Fwordpress%2Fwp-content%2Fthemes%2Fonze-blog-2024%2Finc%2Fthumbnail%2F1200x630x80-d10434a2cbc8b6dc7294e00e10d2d78e-bxslider.png)