Question

如何使用Javascript在几张图片两边添加箭头，移动图片

1、想用Javascript或者JQuery做如下图一种箭头，单机上下箭头能够切换上一张图片、下一张图片

2、或者类似的，在几张图片两边添加上箭头，单机左箭头能够往让图片左边移动，左边一张隐藏，右边出现一张新图，右边如同。

麻烦各位大大们给一些思路，还有范例代码，能够给予我帮助。





Answer 1

我之前做过一个类似的，你要我可以发给你

追问

您好，如您方便的话麻烦您发送到我的E-Mail：fly7930#hotmail.com . 感谢！ 将‘#’ 变为‘@’。

追答

已经发送了

Answer 2

没做过，我把思路说一下，也许有用：
上面的箭头无非就是用悬浮层来做的，当鼠标移动上去的时候箭头就显示出来（设置透明度），移出的时候就隐藏。点击换图片也很简单，获取箭头的点击事件，当点击左边的箭头的时候图片所在的div 的 margin-left值减小，相反则增加，这个增减的尺度刚好是一张图片的宽度（前提是要把所有的图片放在一个div里面）。

追问

通过将图片放入同一个div后如何控制图片的输出呢？ 比如说我有20张图片，但我只要显示三张图片 :)

追答

你把所有图片放入div，只需要控制div显示的位置就可以啦，比如div是长方形的，你可以用margin-left或者margin-top决定它的显示部位，明白吧

Answer 3

思路就是箭头变为浮动层，这个应该很简单吧。然后当点击的时候你的图片队列整体的向对应的方向移动一个图片的大小即可，其实很简单的。思路就是这样如果到头了，你可以选择是让图片倒回去再重新开始循环，还是从头到位循环。如果不明白再联系我吧~

追问

比如我有许多图片，但我只要显示三张，如何才能达到这种效果呢，就是说如何能只显示三张图片，而将其它图片遮蔽呢 :)

追答

做个判断，或者只取出前三张来做循环，其他的不加入循环不就行了~

Answer 4

有2种办法，一个就是网上别人做好了插件，你拿来用就行了
另外一个就是你慢慢学，提升功力！
其实自己写也很简单 的！