###前提・実現したいこと
http://www.webopixel.net/javascript/143.html
こちらの記事を参考に背景画像が左から右に無限スクロールするようなものを作っているのですが、ここにロールオーバーするとスクロールする向きとスピードが変わるボタンを実装したいと考えています。
初心者なものでどのように実装すればいいかがわからず。。
いい方法をご教示いただければと思います!
よろしくお願いいたします!
###下記参照ソースコード
jquery
1$(document).ready(function () { 2 //アニメーションスピード 3 var scrollSpeed = 1; 4 //画像サイズ 5 var imgWidth = 500; 6 //画像の初期位置 7 var posX = 0; 8 //ループ処理 9 setInterval(function(){ 10 //画像のサイズまで移動したら0に戻る。 11 if (posX >= imgWidth) posX= 0; 12 //scrollSpeed分移動 13 posX += scrollSpeed; 14 $('body').css("background-position",posX+"px 0px"); 15 }, 1); 16});
回答1件
あなたの回答
tips
プレビュー