需要Javascript全屏背景幻灯片帮助
我是Javascript新手,有一个近乎完美的代码,但需要根据自己的需要进行一些调整 现在,这段代码在我的页面主体中生成了一个全屏背景幻灯片,而我希望它能做完全相同的工作,但按ID应用于特定的div。如果可能的话,我也希望它能有随机选项 如果有任何帮助,我将不胜感激。谢谢需要Javascript全屏背景幻灯片帮助,javascript,jquery,background,slideshow,Javascript,Jquery,Background,Slideshow,我是Javascript新手,有一个近乎完美的代码,但需要根据自己的需要进行一些调整 现在,这段代码在我的页面主体中生成了一个全屏背景幻灯片,而我希望它能做完全相同的工作,但按ID应用于特定的div。如果可能的话,我也希望它能有随机选项 如果有任何帮助,我将不胜感激。谢谢 <style> body { background-attachment:fixed; background-repeat: no-repeat; background-size:cover
<style>
body {
background-attachment:fixed;
background-repeat: no-repeat;
background-size:cover;
background-position: center;
}
</style>
<script language="JavaScript1.2">
//Specify background images to slide
var bgslides=new Array()
bgslides[0]="images/tickets1.jpg"
bgslides[1]="images/tickets2.jpg"
bgslides[2]="images/tickets3.jpg"
//Specify interval between slide (in miliseconds)
var speed=3000
//preload images
var processed=new Array()
for (i=0;i<bgslides.length;i++){
processed[i]=new Image()
processed[i].src=bgslides[i]
}
var inc=-1
function slideback(){
if (inc<bgslides.length-1)
inc++
else
inc=0
document.body.background=processed[inc].src
}
if (document.all||document.getElementById)
window.onload=new Function('setInterval("slideback()",speed)')
</script>
身体{
背景附件:固定;
背景重复:无重复;
背景尺寸:封面;
背景位置:中心;
}
//指定要幻灯片的背景图像
var bglides=新数组()
bgslides[0]=“images/tickets1.jpg”
bgslides[1]=“images/tickets2.jpg”
bgslides[2]=“images/tickets3.jpg”
//指定幻灯片之间的间隔(以毫秒为单位)
var速度=3000
//预加载图像
var processed=新数组()
对于(i=0;i试试这个:
function slideback(){
var imageToShow;
imageToShow=$(bgslides).eq(Math.floor(Math.random() * bgslides.length)].src;
document.body.background=imageToShow;
}
更新
function slideback(){
var imageToShow;
var imageToPick=pickRandrom(bgslides.length);
imageToShow=$(bgslides).eq(imageToPick].src;
document.body.background=imageToShow;
}
function pickRandom(range)
{
if (Math.random)
return Math.round(Math.random() * (range-1));
else {
var now = new Date();
return (now.getTime() / 1000) % range;
}
}
你可以尝试一些插件??请原谅我的无知,但这应该是取代现有的功能滑回部分吗?我尝试过这样做,但似乎破坏了幻灯片。是的,它应该是这样的。破坏幻灯片是什么意思?它不再显示了。我应该修改你给我的代码,使其适合吗?Hi、 恐怕这也没什么好运气!只是完全停止了幻灯片的播放:(你能提供一把小提琴吗?)??