来自数组的带有Javascript的图片_Javascript_Image

来自数组的带有Javascript的图片

javascript image

来自数组的带有Javascript的图片,javascript,image,Javascript,Image,编辑：我听从了Happy和Bart Friederichs的建议，这真的很有帮助。我没有使用php，而是使用javascript，代码正在运行，但我仍然有一个问题。当我点击页面上的按钮时，它会显示我想要的图片，但是按钮消失了，所以我无法循环浏览阵列中的其余图片。怎么回事？任何帮助都将不胜感激 <html> <head> <script type="text/javascript"> var picArray=["images.jpg","customLogo

编辑：我听从了Happy和Bart Friederichs的建议，这真的很有帮助。我没有使用php，而是使用javascript，代码正在运行，但我仍然有一个问题。当我点击页面上的按钮时，它会显示我想要的图片，但是按钮消失了，所以我无法循环浏览阵列中的其余图片。怎么回事？任何帮助都将不胜感激

<html>
<head>
<script type="text/javascript"> 
var picArray=["images.jpg","customLogo.gif.png"];
var count=0;

function changePic(){
    document.write("<img src='"+ picArray[count] +"' />");
    count++;
}
</script>
</head>

<body>
    <button type="button" onclick="changePic()">Click Me!</button>
</body>
</html>


var picArray=[“images.jpg”，“customLogo.gif.png”]；
var计数=0；
函数changePic（）{
文件。填写（“”）；
计数++；
}
点击我！

您需要使用ajax来处理onClick事件，这反过来会在后台运行一个PHP页面，该页面会返回一个filenmae

然后ajax/jQuery将更改实际的pic

下面是一个介绍ajax与php的教程：

或者，您可以将所有文件名输出到java脚本数组：

echo '<script> var picarray = array() ;';
foreach($arrayPic as $pic) ...

echo'var picarray=array（）；'；
foreach（$arrayPic作为$pic）。。。

然后只需使用js访问它，您的changePic（）函数是一个PHP函数，但是当您调用onclick=“changePic（）”时，您使用的是HTML来调用Javascript函数。如果您在浏览器中查看调试窗口，您将看到一个错误，表明changePic不存在

您不能使用html的onClick调用PHP，除非在JS中重定向或调用“wrapper”函数，该函数通过AJAX等加载PHP文件的参数

你在这里有几个选择。。将图像放入Javascript数组并使用onclick调用从中获取图像，如果这样做，您甚至不需要iframe，您可以使用document.write将图像直接打印到页面上。或者，为什么不使用数组索引的参数将iframe的源设置为PHP脚本呢。那么你在哪里

src=$picArray[count]

改为

src=whatever.php?image=1

比如说。这种方式只需要呈现一次iframe，而不是每次单击都要呈现iframe，就像您试图知道的那样，您只需要更改iframe内容

有很多方法可以做你正在尝试的事情，让我知道上面的建议是否对你有用。

你必须使用JavaScript。我已经发布了我问题的编辑。Ajax几乎不需要，一个简单的

img.src

就够了。谢谢！我将尝试您的javascript建议，并在完成后重新发布。