⑴ js如何制作图片轮播
Sublime Text
首先在Sublime Text下面准备一个html和5张图片，图片宽高为600px和400px，如下图所示
然后在HTML页面中布局轮播图的结构，如下图所示，主要包括图片区域，圆形按钮，左右箭头
接下来需要给轮播图页面布局声明一些样式，请按照下图所示的样式代码进行声明
最后就是实现轮播图的JS脚本功能，如下图所示，主要包括前进，后退，自动播放的功能
最后运行页面，你就会看到下图所示的轮播图效果，点击圆圈或者左右箭头可以切换轮播图
⑵ 淘宝上怎么做出带左右箭头的图片轮播效果
您好，那个是就JS写出来的，如果您会JS，您可以去网上找一些代码来看看就知道该怎么做了。如果不懂，在网上直接搜索来用就可以了
⑶ 如何在JS滚动图片中加上左右箭头
前后分别设置一个伪元素
<!DOCTYPEhtml>
<html>
<head>
<metacharset="UTF-8">
<title></title>
<style>
img{
width:400px;
height:250px;
border:1pxsolid#ff1943;
}
div{
width:400px;
height:250px;
position:relative;
}
div:hover:before{
content:"<";
display:block;
width:30px;
height:60px;
background:rgba(0,0,0,.3);
position:absolute;
top:40%;
left:0px;
text-align:center;
line-height:60px;
font-size:30px;
color:#fff;
}
div:hover:after{
content:">";
display:block;
width:30px;
height:60px;
background:rgba(0,0,0,.3);
position:absolute;
top:40%;
right:-1px;
text-align:center;
line-height:60px;
font-size:30px;
color:#fff;
}
</style>
</head>
<body>
<div>
<imgsrc="1.jpg">
</div>
<script>
window.onload=function(){
varmying=newArray("1.jpg","2.jpg","3.jpg");
vari=0;
vartupian=document.getElementsByTagName("img")[0]
setInterval(changeimg,2000);
functionchangeimg(){
tupian.setAttribute("src",mying[i++]);
if(i==mying.length){
i=0;
}
}
};
</script>
</body>
</html>
这是我按你的代码上修改的，你可以看下。图片用的是我自己的，所以图片路径不一样，注意。
⑷ 轮播图上的左右箭头是怎么实现的 能通过Jquery添加吗
可以，就是加个箭头模块，然后添加onclick事件，让它具备跳转图片的功能。