Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/75.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
需要Javascript全屏背景幻灯片帮助_Javascript_Jquery_Background_Slideshow - Fatal编程技术网

需要Javascript全屏背景幻灯片帮助

需要Javascript全屏背景幻灯片帮助,javascript,jquery,background,slideshow,Javascript,Jquery,Background,Slideshow,我是Javascript新手,有一个近乎完美的代码,但需要根据自己的需要进行一些调整 现在,这段代码在我的页面主体中生成了一个全屏背景幻灯片,而我希望它能做完全相同的工作,但按ID应用于特定的div。如果可能的话,我也希望它能有随机选项 如果有任何帮助,我将不胜感激。谢谢 <style> body { background-attachment:fixed; background-repeat: no-repeat; background-size:cover

我是Javascript新手,有一个近乎完美的代码,但需要根据自己的需要进行一些调整

现在,这段代码在我的页面主体中生成了一个全屏背景幻灯片,而我希望它能做完全相同的工作,但按ID应用于特定的div。如果可能的话,我也希望它能有随机选项

如果有任何帮助,我将不胜感激。谢谢

<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、 恐怕这也没什么好运气!只是完全停止了幻灯片的播放:(你能提供一把小提琴吗?)??