在jsp页面实现上一张和下一张图片效果...需要具体代码...谢谢！！！ 20
展开全部
//图片的src写你的绝对路径就行,还有你自己看总共有多少图片,下面有标注自己改改,还有最重要的一点就是图片名一定要起的有规律.
<BODY>
<INPUT TYPE="button" VALUE="橘贺租上一张" ONCLICK="change(1)">
<image id="img" SRC="1.jpg">
<INPUT TYPE="button" VALUE="下一张" ONCLICK="change(2)">
</BODY>
<SCRIPT LANGUAGE="JavaScript">
function change(param)
{
var src = document.getElementById("img").src;
var str = src.split("/");
var index = str[str.length-1].split(".")[0];
var nextIndex = parseInt(index)+1;
var previousIndex = parseInt(index)-1;
var newStr = "";
for(var i=0;i<str.length-1;i++)
{
newStr = newStr + str[i] + "/";
}
if(index == 1 && param == 1)
{
alert("没有图片了!");
return;
}
if(index == 2 && param == 2) //这儿的index写你拍升总圆兆共多少图片
{
alert("没有图片了!");
return;
}
if(param == 1)
{
document.getElementById("img").src = newStr + previousIndex + "." + str[str.length-1].split(".")[1];
}
else
{
document.getElementById("img").src = newStr + nextIndex + "." + str[str.length-1].split(".")[1];
}
}
</SCRIPT>
<BODY>
<INPUT TYPE="button" VALUE="橘贺租上一张" ONCLICK="change(1)">
<image id="img" SRC="1.jpg">
<INPUT TYPE="button" VALUE="下一张" ONCLICK="change(2)">
</BODY>
<SCRIPT LANGUAGE="JavaScript">
function change(param)
{
var src = document.getElementById("img").src;
var str = src.split("/");
var index = str[str.length-1].split(".")[0];
var nextIndex = parseInt(index)+1;
var previousIndex = parseInt(index)-1;
var newStr = "";
for(var i=0;i<str.length-1;i++)
{
newStr = newStr + str[i] + "/";
}
if(index == 1 && param == 1)
{
alert("没有图片了!");
return;
}
if(index == 2 && param == 2) //这儿的index写你拍升总圆兆共多少图片
{
alert("没有图片了!");
return;
}
if(param == 1)
{
document.getElementById("img").src = newStr + previousIndex + "." + str[str.length-1].split(".")[1];
}
else
{
document.getElementById("img").src = newStr + nextIndex + "." + str[str.length-1].split(".")[1];
}
}
</SCRIPT>
追问
明天，我再看下， 今天我要睡觉了， 不好意思， 好几天没上网了，
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
