使用javascript动态选择幻灯片放映的图像
Dynamically select images for slide show using javascript
我使用以下代码从文件夹中动态选择图像,然后在幻灯片中显示。。但这个代码只选择第一个图像。。。请指引我哪里有错。。。
PHP文件名为:test.PHP
<?php
header("content-type: application/x-javascript");
function returnimages($dirname=".") {
$files = array();
$curimage = 0;
//valid image extensions
$pattern="('.jpg$)|('.png$)|('.jpeg$)|('.gif$)";
if($handle = opendir($dirname)) {
while(false !== ($file = readdir($handle))) {
if(eregi($pattern, $file)){
echo 'galleryarray[' . $curimage . '] = "' . $file . '";';
$curimage++;
}
}
closedir($handle);
}
return($files);
}
//Define array in JavaScript returnimages()
//Output the array elements containing the image file names
echo 'var galleryarray = new Array();';
?>
Html代码为:
<html>
<head>
<title></title>
<script src="test.php"></script>
<script type="text/javascript">
var galleryarray = returnimages();
var curimg = 0;
function rotateimages(){
// var imagesDirectory = "pics/" + galleryarray[curimg];
var imagesDirectory =galleryarray[curimg];
document.getElementById("slideshow").setAttribute("src", imagesDirectory)
curimg = (curimg < galleryarray.length - 1) ? curimg + 1 : 0
}
window.onload = function(){
setInterval("rotateimages()", 2500)
}
</script>
</head>
<body>
<img width="468" height="312" id="slideshow" src="Slide1.jpg">
</body>
</html>
您实际上正试图通过javaScript调用php
函数returnimages()
。无论如何,这是不可能的。
相关文章:
- jQuery图像幻灯片,在停止后淡出到第一张图像
- 为什么我的图像幻灯片不起作用
- Javascript图像幻灯片;不起作用
- 将视差与图像幻灯片一起使用
- wordpress插件中的jQuery图像幻灯片
- 当我们使用JavaScript点击下一个或上一个按钮时,图像幻灯片播放计时器的速度会加快
- JavaScript循环图像幻灯片
- 简单的HTML图像幻灯片
- 向上一个/下一个图像幻灯片添加计数器(仅限javascript/css)
- 如何使Javascript图像幻灯片缓慢更改图像
- Javascript图像幻灯片
- 我的图像幻灯片代码有什么问题
- 为什么jQuery图像幻灯片在Netbeans中不起作用
- 如何显示来自 mysql 数据库的图像幻灯片
- 更改图像幻灯片放映幻灯片中的图像
- 使用计时器制作图像幻灯片
- 多个图像的 HTML 图像幻灯片放映
- Jquery setTimeout 不起作用(图像幻灯片)
- 使用JavaScript更改背景图像图像以进行图像幻灯片
- 如何制作循环图像幻灯片