Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/73.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 带有“上一步/下一步”按钮的图像旋转/幻灯片放映_Javascript_Jquery_Html_Css - Fatal编程技术网

Javascript 带有“上一步/下一步”按钮的图像旋转/幻灯片放映

Javascript 带有“上一步/下一步”按钮的图像旋转/幻灯片放映,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我已经完成了来自 现在我想用prev/next来改进指标,而不是滑块 这就是我想要实现的目标 这也是我的代码 或 var slideIndex=1; showDivs(slideIndex); 函数plusDivs(n){ showDivs(slideIndex+=n); } 函数currentDiv(n){ showDivs(slideIndex=n); } 函数showDivs(n){ var i; var x=document.getElementsByClassName(“mySl

我已经完成了来自

现在我想用prev/next来改进指标,而不是滑块

这就是我想要实现的目标

这也是我的代码

var slideIndex=1;
showDivs(slideIndex);
函数plusDivs(n){
showDivs(slideIndex+=n);
}
函数currentDiv(n){
showDivs(slideIndex=n);
}
函数showDivs(n){
var i;
var x=document.getElementsByClassName(“mySlides”);
var dots=document.getElementsByClassName(“演示”);
如果(n>x.length){slideIndex=1}
如果(n<1){slideIndex=x.length}
对于(i=0;i
#独立{
宽度:200px;
浮动:左;
}

下一步:

$("#next").click(function () {
$("#container div:eq(" + num + ")").slideUp(450);
num = (num + 1) % 4;
$("#container div:eq(" + num + ")").fadeIn(450);
});
最后:

这一点已经得到了询问和回答-


如果您需要任何更具体的帮助,请不要犹豫,尽管问。

我不确定您的目标是什么,只想提一句:如果您正在尝试学习一些东西,请继续,这是一个很好的方法。如果您的项目只需要一些旋转木马,那么最好使用一些已经完成的免费脚本(sugesting slick或flexslder2)。你会省去很多麻烦。
$("#last").click(function () {
$("#container div:eq(" + num + ")").slideUp(450);
num = 4;
$("#container div:eq(" + num + ")").fadeIn(450);
});