我正在尝试设置一个动态自动填充的幻灯片,但我不明白我的代码出了什么问题。我知道这两个代码是分开工作的——我对它们进行了测试。其中一个代码适用于非动态相关目录。至于动态方面,我尝试了一下(没有任何CSS或其他东西,文件夹中的所有图片都会出现)。
我知道我的编码方式一定有问题,但我不能指出我做错了什么。我知道这与我在幻灯片div中包含的PHP方面有关,div的类名为"box_skitter box_skitter_large"。
我的代码如下(全部在正文中):
<?php
//path to directory to scan.
$directory = "images/";
//get all image files with a .jpg extension.
$images = glob("" . $directory . "*.jpg");
$imgs = '';
// create array
foreach($images as $image){ $imgs[] = "$image"; }
//shuffle array
shuffle($imgs);
//select first 20 images in randomized array
$imgs = array_slice($imgs, 0, 20);
?>
<script type="text/javascript" language="javascript">
$(document).ready(function() {
$(".box_skitter_large").skitter();
});
</script>
<div class="box_skitter box_skitter_large">
<ul>
<li>
<?php
//display images
foreach ($imgs as $img) {
echo "<img src='$img' />";
}
?>
</li>
</ul>
</div>
因为我对代码格式和布局有点强迫症,所以你有各种不需要的多余编码:
<?php
//this assumes the path is <current PHP file location>/images/<image files>
$directory = "images/";
//get all image files with a .jpg extension.
$images = glob( $directory . "*.jpg");
$imgs = array(); //this may have been causing you problems, view below...
// create array
foreach($images as $image){ $imgs[] = $image; }
unset($image);
//shuffle array
shuffle($imgs);
//select first 20 images in randomized array
$imgs = array_slice($imgs, 0, 20);
?>
<script type="text/javascript" language="javascript">
$(document).ready(function() {
$(".box_skitter_large").skitter();
});
</script>
<div class="box_skitter box_skitter_large">
<ul>
<li>
<?php
//display images
foreach ($imgs as $img) {
echo "<img src='".$img."' />";
}
unset($img);
?>
</li>
</ul>
</div>
错误的是,您已经建立了$imgs = '';
,它将$img设置为字符串类型,然后在foreach
循环中,您设置了$imgs[] =
,这意味着$imgs
是数组的类型。现在就试试。。。。