-
本版专家分：0结帖率 59.38%
-
- 签到新秀 累计签到获取，不积跬步，无以至千里，继续坚持！
-
-
我写了js，我想要的效果是，几张图片轮播，按向左的按钮就换到当前图片的上一张，按向右的按钮就换到，当前图片的下一张，但是我现在实现的效果是，第一次按向前的按钮就换到了数组中的第一张，第二次按就是数组中第二张，请问怎样修改才能实现我想要的效果？
<script type="text/javascript">
window.onload = function() {
setInterval('ChangeImg()',1500); }
var i = 1;
function ChangeImg(){ i += 1; document.getElementById('img').src = 'image/img'+ i +'.jpg'; if(i==7){ i=0; } }
</script>
<script type="text/javascript">
var imgArr = ["image/img1.jpg","image/img2.jpg", "image/img3.jpg","image/img4.jpg","image/img5.jpg", ,"image/img6.jpg","image/img7.jpg"];
var index = 0;
function next(){ document.getElementById('img').src=imgArr[index];
index++;
if(index==imgArr.length){ index=0; } }
function back(){ document.getElementById('img').src = imgArr[index];
index --;
if(index<0){ index=imgArr.length-1; } }
</script>
-
本版专家分：1089
-
- 技术圈认证 用户完成年度认证，即可获得
-
- 签到王者 累计签到获取，不积跬步，无以至千里，继续坚持！
-
- GitHub 绑定GitHub第三方账户获取
-
-
<script type="text/javascript">
var imgArr = ["image/img1.jpg", "image/img2.jpg", "image/img3.jpg", "image/img4.jpg", "image/img5.jpg", "image/img6.jpg", "image/img7.jpg"];
var index = 0;
function next() {
index++;
if (index == imgArr.length) {
index = 0;
}
document.getElementById('img').src = imgArr[index];
}
function back() {
index--;
if (index < 0) {
index = imgArr.length - 1;
}
document.getElementById('img').src = imgArr[index];
}
</script>
document.getElementById('img').src = imgArr[index];你要放在变化后的索引后面。而且你定义的数组有问题，没看到两个逗号连在一起吗
-
本版专家分：223
-
- 签到达人 累计签到获取，不积跬步，无以至千里，继续坚持！
-
- GitHub 绑定GitHub第三方账户获取
-
-
用前端框架。
- jQuery+CSS图片轮播 鼠标放图片上可以暂停 可以控制上一张下一张
jQuery+CSS图片轮播 鼠标放图片上可以暂停 代码简洁。 打开后图片自动轮播，如果鼠标放到图片上就暂停轮播，客户可以手动点上下的小标示图片来切换上一张和下一张图片。 移开图片后切换的小标志也会消失。
- html 多张图片轮播
html 多张图片轮播，html 幻灯片
- 史上最简单Android图片轮播效果实现 源码程序
这个Android示例用最简单的方式实现了图片轮播效果，具体实现细节请阅读博文：http://blog.csdn.net/l1028386804/article/details/48049913
- 使用JS和html5实现图片轮播
点击顺序轮播按钮或倒序轮播按钮可实现每秒顺序轮播一张图片或每秒倒序轮播一张图片，点击停止轮播按钮可停止当前轮播形式。不可连续按两次顺序轮播按钮或倒序轮播按钮，但可以按完顺序轮播按钮，再按倒序轮播按钮，...
- jQuery三张图片层叠轮播
使用jQuery三张图片层叠轮播
- js图片轮播（4张图片）
js图片轮播（4张图片） 很简单的一段代码 你懂的
- js 图片切换 上一张下一张效果
js 图片切换 点击切换上一张下一张效果
- 用C#实现的图片轮播
这是用C#实现的首页图片轮播功能，用的vs2010. 当鼠标移到图片上时计时暂停，移开继续计时。
- 简单的jquery四张图片轮播滚动切换效果代码
简单的jquery四张图片轮播滚动切换效果代码
- JS简单实现仿网页图片轮播
本资源是利用JS简单的仿照网站上常见的广告轮播实现图片的自动切换，来回切换，下标切换等。
- 图片轮播前端实现的三种方式（jquery插件）
实现图片轮播的三种方式，能够对图片的轮播进行切换，三种方式都是通过使用jquery插件，比较简单方便，有参考的事例
- JavaScript+HTML+CSS实现图片轮播
原生JavaScript实现图片轮播，demo很完整，可以直接在浏览器中运行。
- jsp图片轮播html
jsp 生成的html5图片轮播，已测试。支持图片预览
- 图片轮播 新浪图片轮播 雅虎图片轮播
图片轮播 新浪图片轮播 雅虎图片轮播 仿照雅虎和新浪我作出的一些图片轮播 很好看的啊
- Android底部导航栏加图片轮播功能实现
Android底部导航栏加图片轮播功能实现 ， Android底部导航栏加图片轮播功能实现 ，Android底部导航栏加图片轮播功能实现
- 图片轮播，一个简单的图片轮播
图片轮播，一个简单的图片轮播
- 一次滚动3张图片的jquery轮播图特效.rar
一次滚动3张图片的jquery轮播图特效，这个焦点图与其它焦点图的区别主要是一次滚动切换图片的张数，一般情况下，焦点图一次切换一张大图片，而本特效中，一次同时切换3张，此三张图片为一组，以组为基本元素进行切换...
- 视频播放、视频图片轮播、加导航点的视频图片轮播
该项目有单个视频播放，仿京东视频图片轮播，视频图片轮播加导航点，不同方法加载视频播放的视频图片轮播
- Html简单图片轮播效果
Html简单图片轮播效果
- 图片轮播可滑动自适应
H5+CSS+JS图片轮播可滑动自适应,H5+CSS+JS图片轮播可滑动自适应,