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