Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/464.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 使用jquery更改背景图像url_Javascript_Jquery_Html - Fatal编程技术网

Javascript 使用jquery更改背景图像url

Javascript 使用jquery更改背景图像url,javascript,jquery,html,Javascript,Jquery,Html,我需要使用jquery更改.slide类中的背景图像url。我的HTML代码如下所示。它看起来像主页滑块 你有自己的摩托车吗?想成为自己的老板吗? 有空就工作 赚足够的钱 分享你的旅程 和戈莫一起唱 你的名字 你的电话号码 车型 汽车 比克 自行车 发送 使用onscroll功能更改滚动条上的img(如您附加的网站链接中的img) 在此处设置window.pageYOffset>60任意数值 window.onscroll=function(){ var img1=document.g

我需要使用jquery更改.slide类中的背景图像url。我的HTML代码如下所示。它看起来像主页滑块


你有自己的摩托车吗?想成为自己的老板吗?
  • 有空就工作
  • 赚足够的钱
  • 分享你的旅程
和戈莫一起唱 你的名字 你的电话号码 车型 汽车 比克 自行车 发送
使用
onscroll
功能更改滚动条上的img(如您附加的网站链接中的img)

在此处设置
window.pageYOffset>60
任意数值

window.onscroll=function(){
var img1=document.getElementById('img1');
var img2=document.getElementById('img2')
如果(window.pageYOffset>60){
document.getElementById(“img1”).src=”https://material.angular.io/assets/img/examples/shiba2.jpg";
}否则{
document.getElementById(“img1”).src=”https://material.angular.io/assets/img/examples/shiba1.jpg";
}
}
.rightPhotos
{
最大宽度:50%;
身高:50%;
溢出:自动;
}
阿佛托先生
{
最大高度:100%;
}
.图像
{
宽度:100%;
高度:500px;
}

如果您希望线性渐变保持不变,这将起到一定的作用。还有,我想你需要某种活动,在这种活动上会发生。我错了吗

let imageList = ['myImage1.jpg', 'myImage2.jpg'];
let index = 0;
function cycleImages() {
    setInterval(function() {

       $('.slide').css("background-image", "linear-gradient(60deg,#224455,rgba(255, 186, 22, 0.5)), url(" + imageList[index] + ")"); 

       if(index === imageList.length) {
          index = 0;
       }
       else {
          index += 1;
       }
}, 10000)
}

请告诉我们您尝试了什么,StackOverflow不是一个编码服务。告诉我更多帮助这不是我的问题,我需要动态更改背景图像url。它应该像幻灯片放映一样。查看此网站主页滑块。我不解释你想要什么。。。我把链接放在地板上,在那里显示滚动图像的变化,所以请…这个方法是正确的。我需要动态地做。我不熟悉jquery。你能帮忙吗me@SanjayaPrasanna我编辑了答案,但它仍然是一个例子。正如您所猜测的,一个数组包含到您的图像的路径,其余的是相当容易的js@Leo Odishvili。我得到了这个错误“未捕获的语法错误:输入的意外结束”是的,对不起,忘记了一个括号。现在我在“flet imageList=['',;”这一行中得到了这个错误“Uncaught SyntaxError:Unexpected identifier”