Question

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>
该怎么写

Answer 1

把图片名字设置成一样的 名字+（1-10）的编号+".jpg" 放在当前目录
<table><tr><td>><label onclick="PriImg()">上一张</label></td>><td><img id="imgid" src="img1.jpg" width="200" height="200" /></td><td><label onclick="NextImg()">下一张</label></td></tr></table>
function NextImg(){
var img=document.getElementById(“imgid”);
var nowImg=1;
nowImg+=1;
if(nowImg<=10){
img.src=“名字”+mowImg+".jpg";
}
}
function PriImg(){
var img=document.getElementById(“imgid”);
var nowImg=1;
nowImg+=1;
if(nowImg>=1){
img.src=“名字”+mowImg+".jpg";
}
}

追问

名字不能设置成一样的，我自己写的是先取到img的个数 $('img').size(); var num = 0；next就是当前的num隐藏 num++ 后 再把当前num的显示，但是这样只做出来了 下一张，上一张的时候就隐藏和显示就找不到了顺序了 $('.img').eq('+num+').fadeOut(function(){
num++
$('.img').eq('+num+').fadeIn();})有好的办法么

追答

就创建个字符串数组把图片名字放进去 用数组下标进行操作

追问

O(∩_∩)O谢谢

Answer 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();
}

Answer 3

哥有源码 邮箱发给我

追问

349497580@qq.com

追答

OK 查收

追问

O(∩_∩)O谢谢

追答

拿人源码 替人采纳。。。

Answer 4

要按钮啵？

追问

上面有按钮了
prev和Next