Slider]を紹介します。使って計算することで、古いブラウザとの互換性が高まり、より多くのデバイスで同じように表示されるようになっています。Slider]の容量を軽く抑えています。Slider]の設置方法です。必要なファイルをダウンロード使用するファイル一式は公式サイトからダウンロードしてきます。http://redslim.ga/juicyslider/ダウンロードしたファイルのうち、実際に使うのはスクリプト本体の「juicyslider.js」と、スタイルシートの「juicyslider.css」、それと「img」フォルダに入った画像一式です。入手した各ファイルをHTMLの任意の箇所で読み込みます。ホストされているものを利用します。src="juicyslider.js"></script></head>このとき同時に「img」フォルダもアップロードして、スタイルシートの「juicyslider.css」内で使われているパスとリンクを合わせておきます。スライドショーのマークアップメインのスライダー部分の基本的なマークアップです。class="mask"></div></div>ここではリスト表示の<ul>要素でコンテンツを作り込んでいます。class="nav">要素を設置。class="mask">も挿入します。Slider」を動かすための初期設定のコードを記述します。オプションを指定しない場合は下記の簡単なコードを使います。<script>$('#myslider').juicyslider();</script>オプション設定より細かく動作やエフェクトを指定したい場合のオプションの記述方法です。1500},});各パラメーターの詳細は次のとおり。