JavaScript 图像滑块设置间隔
javascript imageslider setinterval
var imagecount = 1;
var total = 3;
我想知道为什么我不能以这种方式制作imageslider
。我保存了图片,例如studentbild1
,studentbild2
和studentbild3
。我如何让这些在这样的setinterval
中显示出来。
window.setInterval(function slideA() {
var image = document.getElementById('studentbild');
imagecount = imagecount + 1;
if(imagecount > total){ imagecount = 1;}
if(imagecount < 1){ imagecount = total;}
image.style.backgroundImage = 'url("studentbild" + imagecount + ".jpg")';
},1000);
删除内部双引号,用单引号替换它们:
image.style.backgroundImage = 'url("studentbild' + imagecount + '.jpg")';
给
url("studentbild1.jpg")
等。
var imagecount = 0;
var total = 3;
window.setInterval(function slideA() {
var image = document.getElementById('studentbild');
imagecount = imagecount + 1;
if (imagecount > total) {
imagecount = 1;
}
if (imagecount < 1) {
imagecount = total;
}
image.style.backgroundImage = 'url("http://placehold.it/' + imagecount + '00")';
}, 1000);
#studentbild {
width: 300px;
height: 300px;
}
<div id="studentbild"></div>
修复此问题(在加号附近添加单引号(
image.style.backgroundImage = 'url("studentbild' + imagecount + '.jpg")';
相关文章:
- 如何通过函数调用设置图像的src
- 在以下情况下,如何设置图像的宽度
- 尝试使用window.innerHeight和Javascript设置图像高度
- 如何通过内部HTML设置图像
- 无法设置图像背景图像
- 设置图像以使用纸张.js填充画布
- 从ajax响应设置图像内容
- 使用拼接设置图像阵列
- 可以动态设置图像替换文本吗
- 使用javascript设置图像源和背景图像
- Jcrop:设置图像后,jcrop在应用新图像时不采用TrueSize
- Struts2 到 ajax json 响应如何在 Jsp 页面上设置图像
- 如何在 ASPX 页的代码隐藏中使用 POST 设置图像的 url
- 如何设置图像数组并单独循环浏览它们
- 设置图像 SRC 在火狐浏览器上不起作用
- 如何在 Gmail 中使用 javascript 在动态按钮中设置图像和字体大小
- 如何在上传前设置图像的最大宽度和最大高度
- 使用 jquery 设置图像的 SRC
- 在输入值中设置图像
- 如何使用 JQuery 和 Javascript 为响应式图像滑块设置图像宽度