2は、万能スライダーとして人気のあるJQueryプラグインです。2の使い方について解説します。作業の前提条件は、下記のとおりです。2.2.0および、JQueryをダウンロードします。FlexSliderはダウンロード後、解凍します。http://code.jquery.com/jquery-1.10.2.min.jsHTMLの作成FlexSlider/demoフォルダのデモ用HTMLファイルを参考にして、HTMLファイルを作成します。判りやすさを考慮して、必要最低限のHTMLを作成しています。作成したHTML中で使用している画像は、次のとおりです。</body></html>ページを表示すると、うまく表示できたように思いますが、スライダーにマウスが入った時に、左右の矢印がうまく表示されていませんので、FlexSliderのCSS/jsファイルを修正します。デモは、016-1.htmlからご覧頂けます。ファイルは、016-1.zipからダウンロードできます。flexslider.cssのカスタマイズ元のflexslider.cssを直接編集しても良いのですが、カスタマイズした内容のみを記載したCSSファイルを作成します。左右矢印画像は、下記のとおりです。}作成したCSSファイルを、HTMLファイルに追加します。</body></html>ページを表示すると、左右の矢印と一緒にPreviousとNextが表示されてしまうため、jsファイルを修正します。jquery.flexslider.jsの修正1086行目と1087行目に定義されているprevTextとnextTextを、下記のとおり編集します。keysページを表示すると、左右の矢印のみ表示されるようになりました。デモは、016-2.htmlからご覧頂けます。ファイルは、016-2.zipからダウンロードできます。