Javascript 通过按下按钮显示的网络摄像头图像
我正在编写一个网站。我的网络摄像头将图像发送到我的服务器,我希望我的网站通过按下按钮显示其中一个图像 这是我的密码。它可以工作,但需要更简单,就像使用开关系统一样Javascript 通过按下按钮显示的网络摄像头图像,javascript,image,webcam,display,Javascript,Image,Webcam,Display,我正在编写一个网站。我的网络摄像头将图像发送到我的服务器,我希望我的网站通过按下按钮显示其中一个图像 这是我的密码。它可以工作,但需要更简单,就像使用开关系统一样 var i0=document.getElementById(“img0”); var i7=document.getElementById(“img7”); var i8=document.getElementById(“img8”); var i9=document.getElementById(“img9”); var i1
var i0=document.getElementById(“img0”);
var i7=document.getElementById(“img7”);
var i8=document.getElementById(“img8”);
var i9=document.getElementById(“img9”);
var i10=document.getElementById(“img10”);
var i11=document.getElementById(“img11”);
var i12=document.getElementById(“img12”);
var i13=document.getElementById(“img13”);
var i14=document.getElementById(“img14”);
var i15=document.getElementById(“img15”);
var i16=document.getElementById(“img16”);
函数img0(){
i0.style.display=“块”;
i7.style.display=“无”;
i8.style.display=“无”;
i9.style.display=“无”;
i10.style.display=“无”;
i11.style.display=“无”;
i12.style.display=“无”;
i13.style.display=“无”;
i14.style.display=“无”;
i15.style.display=“无”;
i16.style.display=“无”;
}
函数img7(){
i0.style.display=“无”;
i7.style.display=“块”;
i8.style.display=“无”;
i9.style.display=“无”;
i10.style.display=“无”;
i11.style.display=“无”;
i12.style.display=“无”;
i13.style.display=“无”;
i14.style.display=“无”;
i15.style.display=“无”;
i16.style.display=“无”;
}
功能设置图像(小时){
document.getElementById('current-image').setAttribute('src','wetter/webcam/blickliftcam'+hour+'.jpg'))
}
只需单击按钮即可更改图像url<代码>i0.setAttribute('src','wetter/webcam/blickliftcam'+hour+'.jpg')。您只需要一个带有参数hour
的img
函数,并像这样使用它:onclick=“img(1)”