Javascript 添加'；下一个''；随机''；以前的'；此随机图像脚本的按钮
我有一个随机图像脚本，它在每个页面加载时显示随机图像。我想在这个脚本中添加Next、Previous和Random按钮，但不知道如何实现它们 这是剧本Javascript 添加'；下一个''；随机''；以前的'；此随机图像脚本的按钮,javascript,image,random,blogger,Javascript,Image,Random,Blogger,我有一个随机图像脚本，它在每个页面加载时显示随机图像。我想在这个脚本中添加Next、Previous和Random按钮，但不知道如何实现它们 这是剧本 <script type="text/javascript"> var Statements = new Array( '<img src="http://4.bp.blogspot.com/_UdzqQpb36Jo/R9kVS0h1BFI/AAAAAAAAD_o/SRGugAQSF0A/s1600/timming_pi
<script type="text/javascript">
var Statements = new Array(
'<img src="http://4.bp.blogspot.com/_UdzqQpb36Jo/R9kVS0h1BFI/AAAAAAAAD_o/SRGugAQSF0A/s1600/timming_pictures_37.jpg" height="650" width="625">',
'<img src="http://4.bp.blogspot.com/_UdzqQpb36Jo/SCxOksTrn4I/AAAAAAAAFDg/q3RilNGj9kc/s1600/loving_husbands_03.jpg" height="650" width="625">',
'<img src="http://3.bp.blogspot.com/_lCRnsgTQgRo/Se2KNaw6bpI/AAAAAAAAA5c/yV2PCN0Pmyo/s1600/pic22806.jpg" height="650" width="625">',
'<img src="http://1.bp.blogspot.com/_lCRnsgTQgRo/Se2J4mZjNEI/AAAAAAAAA4s/Q6Z8IlWLS-A/s1600/pic14006.jpg" height="650" width="625">'
);
function GetStatement(outputtype)
{
if(++Number > Statements.length - 1) Number = 0;
if (outputtype==0)
document.write(Statements[Number])
else if (document.getElementById)
document.getElementById("ponder").innerHTML=Statements[Number];
}
function GetRandomNumber(lbound, ubound)
{
return (Math.floor(Math.random() * (ubound - lbound)) + lbound);
}
var Number = GetRandomNumber(0, Statements.length - 1);
</script>
<script type="text/javascript">
GetStatement(0)
</script>
var语句=新数组(
'',
'',
'',
''
);
函数GetStatement（outputtype）
{
如果（++Number>Statements.length-1）Number=0；
如果（输出类型==0）
文件。编写（报表[编号]）
else if（document.getElementById）
document.getElementById（“Pounder”）.innerHTML=语句[Number]；
}
函数GetRandomNumber（lbound，ubound）
{
返回（数学地板（数学随机（）*（ubound-lbound））+lbound）；
}
var Number=GetRandomNumber（0，Statements.length-1）；
GetStatement（0）
另外，我在blogger blog中将此脚本用作blogpost。我不知道您周围的HTML代码。在我看来，你应该扔掉你的代码 这里是一个简单的图像库，应满足您的要求： HTML代码：
<html>
<head>
<meta http-equiv="expires" content="0">
</head>
<body onload="randomStartPic()">
<div id="picture"><img name="picturegallery"></div>
<div id="navigation">
<a href="javascript:bw()">Backward</a> | <a href="javascript:fw()">Forward</a>
</div>
<body>
</html>
var pics=new Array ("http://4.bp.blogspot.com/_UdzqQpb36Jo/R9kVS0h1BFI/AAAAAAAAD_o/SRGugAQSF0A/s1600/timming_pictures_37.jpg", ...)
var a=0, b = pics.length;
function fw()
{
if (a == (b - 1))
{
a = 0;
} else {
a++;
}
showPicNo(a);
}
function bw()
{
if (a == 0)
{
a = b - 1;
} else {
a--;
}
showPicNo(a);
}
function randomStartPic()
{
a = Math.floor(Math.random() * (b - a)) + a;
showPicNo(a);
}
function showPicNo(picNumber)
{
window.document.images["picturegallery"].src=pics[picNumber];
}
在我的本地计算机上，它确实工作得很好…根据我第一次回答的请求，下面是代码： HTML代码：
<html>
<head>
<meta http-equiv="expires" content="0">
</head>
<body onload="randomStartPic()">
<div id="picture"><img name="picturegallery"></div>
<div id="navigation">
<a href="javascript:bw()">Backward</a> | <a href="javascript:fw()">Forward</a>
</div>
<body>
</html>
var pics=new Array ("http://4.bp.blogspot.com/_UdzqQpb36Jo/R9kVS0h1BFI/AAAAAAAAD_o/SRGugAQSF0A/s1600/timming_pictures_37.jpg", ...)
var a=0, b = pics.length;
function fw()
{
if (a == (b - 1))
{
a = 0;
} else {
a++;
}
showPicNo(a);
}
function bw()
{
if (a == 0)
{
a = b - 1;
} else {
a--;
}
showPicNo(a);
}
function randomStartPic()
{
a = Math.floor(Math.random() * (b - a)) + a;
showPicNo(a);
}
function showPicNo(picNumber)
{
window.document.images["picturegallery"].src=pics[picNumber];
}
希望它能满足您的要求。您永远不应该覆盖数字（或任何其他）内置函数/类型！为上面的“Number”找到一个更好的变量名。是否介意还原接受符号？代码一直有效，您正在使用它。感谢您的帮助，我已经在我的博客上尝试了您的代码及其工作，但似乎刷新时整个页面加载后图像加载（F5），我希望图像与页面一起加载，并且在单击“后退”“前进”链接时图像加载，而不重新加载整个页面，当按下这些按钮时，是否可以加载整个页面，以便创建页面印象。除非您不提供任何源代码（例如URL），否则无法为您提供帮助。出于测试目的，我在本博客上尝试了此方法。这是我真正打算使用它的博客，我想我能理解你。这是浏览器缓存的问题。该页面将存储在本地计算机上。如果按F5键，浏览器将从缓存加载html页面，这比从Internet下载要快。如果您将“”添加到head部分（请参阅我更新的源代码），会发生什么？因为您的穿孔非常糟糕，所以很难理解您真正想要的是什么。确实要用特定图片重新加载页面？非常感谢您的帮助。我只想请求一件事，是否可以在修改后的代码中包含页面加载上的随机图像功能，就像前面代码中的一样，并且如果可以，在代码中包含另一个名为“random”的按钮，以便在单击时随机加载图像。最后，我想知道如何确定图像的高度和宽度？在对我的源代码进行了简短的回顾之后，我犯了一个错误。我根据您的请求编辑了代码。您只需添加另一个调用“randomPicture（）”的按钮。非常感谢，编辑的脚本工作正常（在页面加载时显示随机图像），但只有随机按钮不起作用。单击页面时，显示一些随机编号。地址栏显示此javascript:randomPicture（）谢谢，随机函数现在正在工作，但是没有页面重新加载（印象）。它可以链接到导航功能，如后退和前进按钮。请在你方便的时候回复，我听不懂你的意思。只有在调用“randomPicture（）”或浏览器地址栏中的url没有参数“picnoparam”时，random函数才起作用。