20時56分はじめに最強のイメージスライダーbxSliderを試してみるでは、イメージスライダーのbxSliderを紹介しました。今回は、bxSliderと同様にコンテンツのスライダーも可能なLightSliderを試してみます。作業の前提条件は、下記のとおりです。2.831LightSliderの使用方法LightSliderは、ul要素に任意のIDセレクタ指定するだけで使用できます。設置に必要なアーカイブをダウンロードし、解凍します。lightslider-masterCSSファイルの指定lightSlider.cssを指定します。href="lightSlider/css/lightSlider.css">jsファイルの指定jquery.lightSlider.min.jsを指定します。src="lightSlider/js/jquery.lightSlider.min.js"></script>コンテンツの作成ul要素に任意のIDセレクタを使用して、コンテンツを作成します。alt="/"></li></ul>JavaScriptの指定LightSliderのロードを行うJavaScriptを追加します。<h4>写真ACで見つけた草原の写真です。<h4>写真ACで見つけたレインボーブリッジの写真です。<h4>写真ACで見つけた向日葵の写真です。<h4>足成で見つけた月の写真です。<h4>写真ACで見つけた夜空の写真です。</body></html>デモは、069.htmlからご覧頂けます。ファイルは、069.zipからダウンロードできます。