プラグイン今回はjQueryのプラグイン「infiniteSlide」をご紹介します。「infiniteSlide」は横方向に繰り返し画像をスクロールさせることができるプラグインです。WEBサイトのメイン画像などは複数の画像を使用して、自動で繰り返しスライドさせたいということがあると思います。jQueryのプラグインでも画像をスライドさせる物はたくさん存在しますが、とてもシンプルで活用できそうだったので下記に使用方法を記載します。下記のページから「infiniteSlide」をダウンロードします。https://github.com/woodroots/infiniteslideファイル読込jQuery、ダウンロードした「infiniteSlide」を読み込みます。src="jquery.pause.min.js"></script>HTML下記のようにスクロールさせる画像を用意します。/></li></ul></div>画像にリンクを貼ることも可能です。CSSスクロールさせる要素のリストタグに下記のスタイルを適用させます。0;}</style>JSスクロールさせる要素を指定します。type="text/javascript">$(function(){$('#main_slide').infiniteslide();});</script>オプションを指定する場合は、下記のように記述します。マウスオーバーでストップするかを指定});});</script>「pauseonhover」を「true」にすれば、マウスオーバーでスクロールを止めることができます。サンプル下記に、「infiniteSlide」を使用して無限に画像をスクロールさせてみました。シンプルでとても使いやすいです。「infiniteSlide」を使用したデモページまとめ複数の画像をスライドさせるプラグインは色々ありますが、このプラグインは非常にシンプルで簡単に設置することができます。WEBサイトで無限に画像をスクロールさせたい場合におすすめなプラグインです。WEB制作時に色々と活用できそうです!ツイートホームページに関するお悩みは、仙台のホームページ制作アド・エータイプにお任せください!お気軽にご相談ください。