我如何在jQuery中制作带点的图像自动滑块以进行导航？
我必须实现具有以下功能的图像滑块：我如何在jQuery中制作带点的图像自动滑块以进行导航？,jquery,image,animation,Jquery,Image,Animation,我必须实现具有以下功能的图像滑块： 它保持自动旋转 并在上面画一些点以便分页 我不想要淡出型滑块 到目前为止，我所做的尝试如下所示 <!DOCTYPE html> <html> <head> <title>auto slider</title> <style> .container{width:1000px; height:100px; position:relative;} .slide{width:1000px; he
<!DOCTYPE html>
<html>
<head>
<title>auto slider</title>
<style>
.container{width:1000px; height:100px; position:relative;}
.slide{width:1000px; height:100px; position:absolute; left:0; top:0;}
</style>
<script type="text/javascript" src="jquery.js"></script>
<script>
$(document).ready(function(){
var slideWidth = 1000;
startSlider();
function startSlider() {
looper = setInterval(function () {
console.log("nishit");
$('.slide').animate({
'left': '-=' + (slideWidth) + 'px'
}, 500);
},1000);
}
});
</script>
</head>
<body>
<div class="container">
<div class="slide3">
<img src="http://s2.postimg.org/5uxqi0mgl/cats1.jpg" alt="">
</div>
<div class="slide">
<img src="http://s2.postimg.org/5uxqi0mgl/cats4.jpg" alt="">
</div>
<div class="slide">
<img src="http://s2.postimg.org/5uxqi0mgl/cats6.jpg" alt="">
</div>
</div>
</body>
</html>
自动滑块
.container{宽度：1000px；高度：100px；位置：相对；}
.幻灯片{宽度：1000px；高度：100px；位置：绝对；左侧：0；顶部：0；}
$（文档）.ready（函数（）{
var slideWidth=1000；
startSlider（）；
函数startSlider（）{
活套=设置间隔（函数（）{
控制台日志（“nishit”）；
$（'.slide'）。设置动画({
“左”：“-=”+（滑动宽度）+“px”
}, 500);
},1000);
}
});