繰り返し画像を横にスクロールさせるjQueryプラグイン「infiniteSlide」｜アド･エータイプ スタッフブログ
今回はjQueryのプラグイン「infiniteSlide」をご紹介します。 「infiniteSlide」は横方向に繰り返し画像をスクロールさせることができるプラグインです。 WEBサイトのメイン画像などは複数の画像を使用して、自動で繰り返しスライドさせたいということがあると思います。 jQueryのプラグインでも画像をスライドさせる物はたくさん存在しますが、 とてもシンプルで活用できそうだったので下記に使用方法を記載します。 「infiniteSlide」で無限に画像をスクロールする方法 下記のページから「infiniteSlide」をダウンロードします。 https://github.com/woodroots/infiniteslide ファイル読込 jQuery、ダウンロードした「infiniteSlide」を読み込みます。 <script type="text/javascri
Infinite Slide jQuery Plugin
無限スクロールするアニメーション「infiniteslide.js」サンプル 横方向に無限にスクロールし続けるアニメーションを実装するjqueryプラグインです。 基本的な書式は以下のようになります。 divの中にul>li>imgを入れてください。 更新情報 2013.09.09 jQuery Pauseプラグインを使用してmouse on hoverオプションを追加しました。 サンプルとソースをダウンロード ブログエントリはこちら Javascript $(function(){ $('.infiniteslide1').infiniteslide({ 'height': 400, //高さ 'speed': 30, //速さ 'direction' : 'left', //向き 'pauseonhover': true //マウスオーバーでストップ }); }); HTML <scr
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
