- IT Tips
- Ruby / Rails以外の開発一般
READ MORE
JavaScriptを使って背景画像をスライドショーのように一定間隔で切り替える方法を紹介します。
切り替え画像としてimg1.jpg,img2.jpg,img3.jpgを用意します。
<!--html-->
<div id="wrapper"></div>
//JavaScript
$(function() {
var i = 1;
setInterval(function() {
if(i > 3) i = 1;
$("#wrapper").css("background","url('./images/img"+i+".jpg')");
i++;
}, 4000
);
});
簡単ですね^^