更改背景图像的顺序
Change the sequence of background images
我有这个JavaScript函数来显示一系列背景图像。我想要的是用php更改每个页面的顺序。在这种情况下,我想用1到8范围内的数字替换bg_x_ps.jpg中的x。每个背景都必须有一个唯一的编号。
$.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' );
尝试以下操作:
$(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' );
...
});
只需在PHP数组中构建图像顺序。然后将其解析为json(可能使用json_encode()
),并将其发送到您的javascript。
相关文章:
- 使用JS按顺序显示图像,而不是随机显示
- 要按顺序显示的图像
- 使用jquery按顺序切换转盘中的图像
- 来自 flickr 的图像数组未按预期顺序显示
- j查询图像预加载顺序
- 如何使用 HTML/javascript 以预定义的顺序加载图像
- 将图像顺序拖放到数据库MVC中后保存
- 在 html 中按顺序自动加载一系列图像
- jquery文档就绪侦听器与图像加载;执行顺序
- 我怎样才能让多个图像在不同的位置(使用abolute)按顺序无限淡入和淡出
- kineticJS按顺序加载图像(并设置fillPatternImg)不透明度补间不起作用
- jQuery在JSON抓取后按顺序淡入淡出图像
- 更改图像的顺序并在数据库中更新
- 刷新时图像更改的顺序
- 按顺序加载图像,有延迟,无脚本回退
- 如何更改单击时HTML元素(图像)的顺序
- 单击按钮更改图像的顺序
- Fabric.js添加图像顺序
- 页面加载时的顺序图像加载
- 顺序图像从文件夹中的图像中淡出