コーディング 【jQuery】手軽に使えるスライダープラグイン3選
スクリプトがわかるようになれば、一から作ることはできる「スライダー」。でも、ラクしたいですよね？私もできることならラクして作業を進めたいです。今回は、よく使われているスライダープラグインのご紹介です。この記事は以下のような人の役に立つように...
bxslider
コーディング 
コーディング 【bxslider】オプションを複数設定する方法
今回はbxsliderのオプション機能を複数実装したい場合のやり方について解説してきます。方法まず通常のスクリプトは下記になります。複数のオプションを実装した記述は下記になります。 (adsbygoogle = window.adsbygo...
コーディング 【bxslider】スライダーを縦の移動に変更する方法
今回はbxsliderの機能の一つで設置したスライダーを、左右の移動ではなく縦の移動に変更するやり方について解説してきます。方法まず通常のスクリプトは下記になります。縦の移動に変更した記述は下記になります。 (adsbygoogle = w...
コーディング 【bxslider】ページャーの丸を非表示にする方法
スライダーを実装しようとして簡単に設置できるプラグインを入れますよね。いれたもののこの部分いらないといったことよくありますよね。今回はbxsliderの機能の一つで設置したスライダーの数によって増えていく、丸い部分の消し方について解説してき...
コーディング 【bxslider】読み込み時にスライドが一瞬縦に並んでしまうときの簡単な対処法
実際にWebページにbxsliderを組み込み、ブラウザで確認すると画像が縦にずらーっと並んで表示され、パッと正常な見た目になる場合があります。原因としてはページが重く読み込みに時間がかかって処理が実行されてしまうからです。せっかく作ったの...
コーディング 【bxslider】スライドごとに表示時間（待機時間）を設定する方法
つい先日実装する機会がありましたので備忘録がてらに。コンテンツスライダーでスライドごとに表示時間（待機時間）を変更したい時ってありますよね。1枚目は3秒、2枚目は4秒、最後のスライドだけ10秒みたいな感じで。ただ、デフォルトの設定だと全て同...
コーディング 誰でも簡単スライドショー！「bxslider」の設置方法【jQuery】
Web制作の現場でよく使うプラグインのご紹介します。初回の今回は私もお世話になっているプラグイン「bxslider」です。シンプルでかつ比較的軽量、レスポンシブデザインにも対応している高機能なコンテンツスライダーです。公式サイトはこちら。設...