22時01分はじめに最強のイメージスライダーbxSliderを試してみる(1)では、イメージスライダーとして使用しましたが、bxSliderはイメージだけで無くHTMLコンテンツのスライドにも対応しています。今回は、bxSliderをコンテンツスライダーとして使用します。作業の前提条件は、下記のとおりです。2.831bxSliderの使用方法bxSliderをコンテンツスライダーとして使用する場合、ul要素では無くdiv要素でコンテンツを記述するだけです。コンテンツの作成div要素に任意のIDを指定して、コンテンツを作成します。title="草原"></li></ul>JavaScriptの指定bxSliderのロードを行うJavaScriptを追加します。<p>写真ACで見つけた草原の写真です。<p>写真ACで見つけたレインボーブリッジの写真です。<p>写真ACで見つけたマンハッタンの写真です。<p>写真ACで見つけた向日葵の写真です。<p>足成で見つけた月の写真です。<p>写真ACで見つけた夜空の写真です。</body></html>デモは、061.htmlからご覧頂けます。ファイルは、061.zipからダウンロードできます。