Question

如何使用Javascript在这个轮播切换上增加左右移动按钮

如下图：
尝试去调用图片中右下角的数字按钮触发事件，就是不成功，源代码如下：
<div id="KinSlideshow" style="visibility: hidden; width:1000px;">
<a href="/">
<img src="/photo/1261/20131202/12013120222430102.jpg" alt="广东舒安电气消防安全检测有限公司" width="1000" height="300"/></a>
<a href="/">
<img src="/photo/1261/20131202/12013120222402603.jpg" alt="消防检测" width="1000" height="300"/></a>
<a href="/">
<img src="/photo/1261/20131113/12013111317552901.jpg" alt="广东消防检测" width="1000" height="300"/></a>
</div>

Answer 1

你可以提前就添加好，然后隐藏掉，轮播的时候判断显示不就好啦
提示代码:document.getElementById("").style.display="block";

希望对你有帮助，望采纳O(∩_∩)O~

追问

回答里没法加那么多文字，我截了张图！

只是在原有基础上添加两个左右移动的按钮！

追答

对，你就是添加两个按钮，按钮样式得根据项目需要自己调哦。我写的提示代码是在js时写的

追问

http://www.gdsa119.com/file/1261/jquery.KinSlideshow-1.0.js
这个是图片轮播的js，它全部写在一个文件里面，我只会DIV+CSS，JS方面还是小白……

追答

这样子就不好弄了，要改的就有点多还麻烦...抱歉了....

Answer 2

写一个函数，给右下角数字注册单击事件，传入你点击的数字的值，用来显示对应的图片，隐藏不对应的图片

function show(index){
var _div=document.getElementById("KinSlideshow");
var imgs=_div.getElementsByTagName("a");
for(var i=0;i<imgs.length;i++){
if((i+1)==index){
imgs[i].style.display="block";

}else{
imgs[i].style.display="none";
}

}

}

不知道是不是你想要的结果

追问

这个是网站的地址： http://www.gdsa119.com
麻烦你帮我看下，主管说要做下修改，我也无奈了，实在是不懂，如果真的不好改，我从网上再找个效果放上去。愁死人了。

追答

你将两个按钮相对定位在图片的左右两边，然后给他们注册时间就行了，设置一个全局变量标识当前图片的索引，在按钮的事件中，调用我上面写的方法就行了。

Answer 3

换一个效果吧，不用只纠结这一个！！！改起来确实很累人。

追问

嗯，是想换一个，看下这个：http://www.cmablueangel.com