来自PHP数组的Javascript幻灯片
我的目标是将图像从文件中拉入PHP数组,然后将该数组转换为Javascript数组,然后用于幻灯片放映。这样我就不必在向文件添加新图像时手动更新代码 我正在努力处理Javascript部分。我知道我可以使用JSON函数将PHP数组转换为Javascript数组,但我不知道如何正确使用该函数 这是我的PHP代码,用于显示名为“slike”的文件中的所有图片:来自PHP数组的Javascript幻灯片,php,javascript,arrays,slideshow,Php,Javascript,Arrays,Slideshow,我的目标是将图像从文件中拉入PHP数组,然后将该数组转换为Javascript数组,然后用于幻灯片放映。这样我就不必在向文件添加新图像时手动更新代码 我正在努力处理Javascript部分。我知道我可以使用JSON函数将PHP数组转换为Javascript数组,但我不知道如何正确使用该函数 这是我的PHP代码,用于显示名为“slike”的文件中的所有图片: 不确定“转换为javascript数组”部分的真正含义,但我认为您希望从html页面(DOM)中的内容开始,在javascript中构建一个
不确定“转换为javascript数组”部分的真正含义,但我认为您希望从html页面(DOM)中的内容开始,在javascript中构建一个数组
首先,您必须识别包含所有图像的页面元素,假设它是namefoo
:
<div id="foo">
<img src....>
</div>
然后在javascript中迭代div的所有子元素(即图像),并用它们构造一个数组
var arry = [];
var images = document.getElementById('foo').childNodes;
for(i=0; i<nodes.length; i++) {
arry.push(nodes[i]);
}
var arry=[];
var images=document.getElementById('foo').childNodes;
对于(i=0;i
var arry = [];
var images = document.getElementById('foo').childNodes;
for(i=0; i<nodes.length; i++) {
arry.push(nodes[i]);
}