jQueryで指定した要素を自動横スクロールし、個別で動く時間と止まる時間を指定する方法

jQueryで指定した要素を自動横スクロールし、個別で動く時間と止まる時間を指定する方法を教えて頂けますでしょうか。

具体的な動きとしては、下記のページ
http://unicase.jp/
の中央列の中ほどにある、
「今売れた商品」
スクロールです。

売れた情報の自動取得は不要で 単純にhtml要素を入力しそれをスクロールする方法です。

googleで調べてみましたが、写真のスライドショーは見つかりましたが、
要素の時間指定スクロールまでは分かりませんでした。

やり方のサイトやコードを教えて頂けると幸いです。

よろしくお願いします。

No.2 ベストアンサー 回答者： fujillin 回答日時： 2016/02/18 15:53

ANo1です。

ANo1の最後のリンクが、オプションへのリンクではなくなってしまっていました。
正しくは
　http://bxslider.com/options
でした。すみません。

訂正のついでに・・・
jQueryをご存知なら、簡単なものであれば、自作するのも大した手間ではありません。
原理としては横（または縦）に要素を並べておいて、その一部だけ見えるようにサイズを限定した枠をoverflow:hiddenでかぶせておいて、要素（群）をスライドさせるという感じです。
この（↓）図のようなイメージでしょうか。
http://www.atmarkit.co.jp/ait/articles/1304/19/n …
（↑）もスライダーの作成解説のページですが、比較的簡単なものであればこんなの。
http://refirio.org/view/304?continue=1
http://www.hp-stylelink.com/news/2014/04/2014040 …

最近のCSSではアニメーションも可能になりましたので、スクリプトを使わずに実現することも可能です。
http://css.programming.jp/?p=933
http://lopan.jp/css-slideshow/

※ 解説のサンプルは画像を対象にしたものも多いですが、要素を置き換えてあげれば、block要素をスライドすることが可能です。また、そのようになっているものも多いです。

No.1 回答者： fujillin 回答日時： 2016/02/17 22:43

ライブラリ化されたスライダーでは、ご質問のような点を含め、様々な項目をオプションで指定できるように作られているものが多いです。

もちろん自作することも可能ですが、検索して、お好みのものを利用なさるほうが簡単でしょう。

例えば(あくまでも一例です)bxsliderでは
http://bxslider.com/
オプションのspeed、pauseで速度の指定ができるようです。
http://bxslider.com/

この回答へのお礼

ご詳細や参考サイトを多数教えて頂きありがとうございます。　早速ですが読み込みし、参考にさせて頂きたいと思います。

お礼日時：2016/02/19 11:22