search :

archive :



« ホワイトニング歯磨き | トップ | マイIP - グローバルIPが持てるサービス »

jquery.backstretch スライドショー ランダム 画像

_jQuery | July 17, 2013, 12:16
はてなブックマーク

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

プロフィール

プロフィール

WEB制作・ブランディングを主軸とした、株式会社クリーム代表取締役。

案件につきましては、「お問い合わせページ」からお気軽にご相談ください。

Recommend

  • Josef Muller-Brockmann: Pioneer of Swiss Graphic Design
  • Who Owns The Water?
  • Helvetica: Homage to a Typeface
  • Corporate Diversity: Swiss Graphic Design and Advertising by Geigy, 1940-1970
  • Typography (Graphic Design in Context)
  • +81 voyage or Tokyo Graphic passport World Tour---At Center Pompidou in Paris and 3331 Tokyo
  • WONDERWALL ARCHIVES 01

archive :