jQueryで画像などを自動でスライドするサムネイル付きコンテンツスライダーをシンプルに作成する方法｜BLACKFLAG先日、とある案件で必要になり、jQueryを使って作成した、 コンテンツ要素を自動でスライドさせるサムネイル要素付きのスライダーが 今後も他でいろいろ使いまわせそうだったので、ここでも軽くスクリプトを紹介してみます。 まずは動作のサンプルから。 指定した間隔（時間）で一つずつ画像（コンテンツ要素）がスライドします。 スライド箇所の下にサムネイルを配置し、マウスオーバーすることで 該当箇所へ任意にスライドさせることができます。 サムネイル部分にマウスオーバーしている間は、 メイン部分の自動スライドの動作は停止します。 この動作の全体構成について、 HTMLから。 ◆HTML <div id="slider_main"> <ul> <li><img src="img/photo01.jpg" width="400" height="300" alt="" /></li> <li><img sr
