blog
copyright ©
creamu Inc. All Rights Reserved.
art direction & design: Kunitaka Kawashimo
code, interaction & photography: creamu Inc.
category: Technology

jquery.backstretchを使ったスライドショーで、画像をランダムに切り替える方法

Pocket

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 }); });