好吧问答库 > jquery或是js写一个图片上一张、下一张的效果，只要上一张、下一张效果不要自动轮播效果。不要插件

jquery或是js写一个图片上一张、下一张的效果，只要上一张、下一张效果不要自动轮播效果。不要插件

<div class="popup"> <a href="javascript:void(0)" class="prev" title="Prev">prev</a> <a href="javascript:void(0)" class="next" title="Next">next</a> {foreach $data as $key=>$val} <img src="{$val}" class="img" > {/foreach} </div> 该怎么写

2026年09月19日 08:56

有4个网友回答

网友（1）：

把图片名字设置成一样的名字+（1-10）的编号+".jpg" 放在当前目录

>上一张

下一张

网友（2）：

初始只有第一张img display不是none，其余全部隐藏

两个个变量
var total = $(".popup img").size();
var cur_no = 0;

点击下一张按钮时：
if(cur_no == total-1)
return;
else{
$(".popup img").eq(cur_no).hide();
cur_no += 1;

$(".popup img").eq(cur_no).show();

}

点击上一张按钮时：
if(cur_no == 0)
return;
else{
$(".popup img").eq(cur_no).hide();
cur_no -= 1;
$(".popup img").eq(cur_no).show();
}

网友（3）：

哥有源码邮箱发给我

网友（4）：

要按钮啵？

jquery或是js写一个 图片上一张、下一张的效果，只要上一张、下一张效果 不要自动轮播效果。不要插件

jquery或是js写一个图片上一张、下一张的效果，只要上一张、下一张效果不要自动轮播效果。不要插件