背景画像のシーケンスを変更する

Question

一連の背景画像を表示するこのJavaScript機能があります。 私が望むのは、PHPを使用するすべてのページのシーケンスに変更することです。この場合、bg_x_ps.jpgのxを1から8までの数字で置き換えます。 各背景には一意の番号が必要です。

$.vegas('slideshow', { 
    delay: 34000, 
    backgrounds: [ 
     { src: "http://sionvalais.com/images/bg_2_ps.jpg", fade: 4000 }, 
     { src: 'http://sionvalais.com/images/bg_4_ps.jpg', fade: 4000 }, 
     { src: 'http://sionvalais.com/images/bg_5_ps.jpg', fade: 4000 }, 
     { src: 'http://sionvalais.com/images/bg_7_ps.jpg', fade: 4000 } 
    ] 
})('overlay'); 

Answer 1

ような何か試してみてください：

$(document).ready(function() { 

... 

var indices = [], x; 
while(indices.length < 4) { 
    x = parseInt(Math.ceil(Math.random() * 8), 10); 
    x = (x == 0) ? 1 : x; 
    if(indices.indexOf(x) == -1) indices.push(x); 
} 

$.vegas('slideshow', { 
    delay: 34000, 
    backgrounds: [ 
     { src: "http://sionvalais.com/images/bg_"+indices[0]+"_ps.jpg", fade: 4000 }, 
     { src: "http://sionvalais.com/images/bg_"+indices[1]+"_ps.jpg", fade: 4000 }, 
     { src: "http://sionvalais.com/images/bg_"+indices[2]+"_ps.jpg", fade: 4000 }, 
     { src: "http://sionvalais.com/images/bg_"+indices[3]+"_ps.jpg", fade: 4000 } 
    ] 
})('overlay'); 

... 

}); 

Answer 2

PHP配列内に画像の注文を作成するだけです。次にそれをjson（おそらくjson_encode()）と解析して、JavaScriptに送信します。