我有一个图像文件夹,我希望用PHP将其加载到可以使用Sortable jQueryUI函数移动的图像列表中。我运行了一个基本的php测试,所以我知道php没有失败,但我的代码可能因其他原因而出错,而且缺乏jQueryUI的经验。以下是我希望使用的代码的重要部分。
<script type="text/javascript" src="jquery-1.9.1.js"></script>
<script type="text/javascript" src="jquery-ui-1.10.1.custom.min.js"></script>
<script language="javascript" type="text/javascript" defer>
jQuery(document).ready(function( $ ) {
$( "#item-wrap" ).sortable();
$( "#item-wrap" ).disableSelection();
});
</script>
<style>
#item-wrap { list-style-type: none; margin: 0; padding: 0; width: 450px; }
#item-wrap li { margin: 3px 3px 3px 0; padding: 1px; float: left; width: 300px;
height: 300px; font-size: 4em; text-align: center; }
</style>
<ul id="item-wrap">
<?php
$imagesDir = '/uploads/gallery1/';
$images = glob($imagesDir . '*.{jpg,jpeg,png,gif}', GLOB_BRACE);
$imglist = json_encode($images);
for ($i = 1; $i <= count($imglist); $i++) {
?><li><?php
echo $array[$i];
?></li><?php
}
</ul>
?>
图像无法显示,并且未创建任何列表。 非常感谢任何帮助或建议。
答案 0 :(得分:0)
尝试用
替换PHP代码块<?php
$imagesDir = dirname(__FILE__) . '/uploads/gallery1/';
$images = glob($imagesDir . '*.{jpg,jpeg,png,gif}', GLOB_BRACE);
for ($i = 0; $i < count($images); $i++) {
?><li><?php
echo $images[$i];
?></li><?php
请详细说明问题究竟是什么 - 如果错误 - 请将信息附加到问题