Technology

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

By 7月 17th, 2013 No Comments

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

Kunitaka Kawashimo

Kunitaka Kawashimo

アートディレクター・デザイナー・フォトグラファー。株式会社クリーム代表取締役。グラフィックデザイン/Webデザイン/撮影の仕事のご相談・ご質問は、お気軽に以下までご連絡ください。info@creamu.co.jp