在netbeans中,我创建了一个PHP代码并执行了此操作:
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="flexslider.css" type="text/css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
<script src="jquery.flexslider.js"></script>
<script type="text/javascript" charset="utf-8">
$(window).load(function() {
$('.flexslider').flexslider();
});
</script>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<div id="slideShow">
<?php
error_reporting(E_ALL);
ini_set('display_errors', '1');
//$allowed_types="(\.jpg$)|(\.png$)|(\.jpeg$)|(\.gif$) |(\.Gif$)";
$allowed_types = array('png','jpg','jpeg','gif');
$imageDir = 'Images';
/*
Assumes this .php is being run from the http root on the same
domain as the desired image files.
*/
$handle = opendir($imageDir);
while (($imgPath = readdir($handle)) !== false) if (
in_array(
strtolower(pathinfo($imgPath, PATHINFO_EXTENSION)),
$allowed_types
)) echo '
<img src="', $imageDir, '/', $imgPath, '" alt="slide" />';
closedir($handle);
?>
</div>
<div class="flexslider">
<ul class="slides">
<li>
<img src="Images/radar000025.GIF" />
</li>
<li>
<img src="Images/radar000814.GIF" />
</li>
</ul>
</div>
</body>
</html>
我稍后将php文件上传到我的主机服务器,然后我收到两个错误:
未捕获的SyntaxError:意外的令牌&lt; jquery.flexslider.js:1 未捕获的TypeError:undefined不是函数SlideTestHtml.html:15
这里的目标是做两件事:
在这种情况下使用jquery:
使用里面的php脚本将服务器目录中的所有图像转换为aray并使用此数组代替行
如何修复错误以及如何将目录中的图像放入数组并使用此数组insteas
答案 0 :(得分:-1)
尝试将你的js代码放在带图像的div的底部。 有关参考,请转到“view-source:http://flexslider.woothemes.com/”
搜索:
<script src="jquery.flexslider.js"></script>
<script type="text/javascript" charset="utf-8">
$(window).load(function() {
$('.flexslider').flexslider();
});
</script>
并记下代码所在的位置。
<div class="flexslider">
<ul class="slides">
<li>
<img src="files/radar-simulation-files/radar000004.GIF" />
</li>
<li>
<img src="files/radar-simulation-files/radar000005.GIF" />
</li>
<li>
<img src="files/radar-simulation-files/radar000006.GIF" />
</li>
<li>
<img src="files/radar-simulation-files/radar002202.GIF" />
</li>
</ul>
</div>
<script src="jquery.flexslider.js"></script>
<script type="text/javascript" charset="utf-8">
$(window).load(function() {
$('.flexslider').flexslider();
});
</script>