数组中的Javascript图片

Question

编辑：我遵循了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>

Answer 1

您需要使用ajax来处理onClick事件，这将在后台运行PHP页面，这可能会使它返回一个filenmae。

然后ajax / jQuery将更改实际图片

这是一个使用php涵盖ajax的教程： http : //www.tizag.com/ajaxTutorial/ajaxxmlhttprequest.php

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

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

然后只需使用js访问它

Answer 2

您的changePic（）函数是一个PHP函数，但是当您调用onclick =“ changePic（）”时，您正在使用HTML来调用Javascript函数。 如果在浏览器中查看调试窗口，则会看到一条错误消息，指出changePic不存在。

您不能使用html的onClick来调用PHP，除非没有在JS中重定向或调用“包装器”函数，该函数通过AJAX等将参数加载到PHP文件中。

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

src=$picArray[count]

改成

src=whatever.php?image=1

例如。 这种方式只需要渲染一次iframe，而无需像您想要知道的那样在每次单击时都在渲染iframe内容。

有很多方法可以帮助您完成所要尝试的工作，如果上述建议对您有用，请告诉我。

数组中的Javascript图片

问题描述

2 个解决方案

解决方案1
0 2013-01-03 21:46:01

解决方案2
0 已采纳 2013-01-03 21:53:44

数组中的Javascript图片

问题描述

2 个解决方案

解决方案1 0 2013-01-03 21:46:01

解决方案2 0 已采纳 2013-01-03 21:53:44

解决方案1
0 2013-01-03 21:46:01

解决方案2
0 已采纳 2013-01-03 21:53:44