category:
Technology
Back to Blog Index
jquery.backstretchを使ったスライドショーで、画像をランダムに切り替える方法
jquery.backstretchを使ったスライドショーで、 画像をランダムに切り替えるには以下のようにします。 【変更前】 $(function() { $.backstretch([ “/img/bg01.jpg”, “/img/bg02.jpg”, “/img/bg03.jpg”, “/img/bg04.jpg”, “/img/bg05.jpg” ], { fade: 2000, duration: 3000 }); }); 【変更後】 $(function() { var bg = new Array( “/img/bg01.jpg”, “/img/bg02.jpg”, “/img/bg03.jpg”, “/img/bg04.jpg”, “/img/bg05.jpg” ); bg.sort( function() { return Math.random() – 0.5; } ); $.backstretch(bg, { fade: 2000, duration: 3000 }); });