東京都中野区を中心としたホームページ制作会社『PNRA CO.LTD.,』のブログ。日々の業務上での発見やアイディア、Tipsなどを随時更新していきます。今回は使いやすいjQuery sliderをご紹介しようと思います。 レスポンシブ・タッチスワイプ対応な上、ブロック要素でコンテンツ配置も自由自在の万能スライダー『swiper.js』 インストール方法 まずは下記URLよりダウンロードします。 GitHub Download ZIPをクリックして圧縮ファイルをダウンロードし、解凍解凍して下さい。 解凍したファイルから必要なのは、 idangerous.swiper-2.1.min.js idangerous.swiper.css この2つになります。 実装の準備を行う 実装方法は、 head内からスタイルシートを任意のディレクトリから読み取り、 <head> <link rel="st