Php 图像上传器和滑块

我所有的图片都是相邻上传的，而不是分开上传的。 如何修复

我有一个500 x 300像素的盒子

#滑块{
宽度：500px；
高度：300px；
溢出：隐藏；
保证金：30像素自动；
边框：2倍纯色灰色；
/*背景图像：url（images/Progress.gif）*/
背景重复：无重复；
背景位置：中心；
}
滑块=1；
sliderNext=2；
$（文档）.ready（函数（）{
$（“#slider>img#1”）.fadeIn（300）；
startSlider（）；
});
函数startSlider（）{
计数=$（“#滑块>img”）.size（）；
循环=设置间隔（函数（）{
如果（sliderNext>count）{
sliderNext=1；
滑块=1；
}
$（“#滑块>img”）.fadeOut（300）；
$（“#slider>img#”+sliderNext）.fadeIn（300）；
sliderInt=sliderNext；
sliderNext=sliderNext+1；
}, 3000)    
}
选择要上载的文件

您正在回显

”；
$i++；
}
}

感谢您在发布时对其进行严格的编辑eh:pSo您的滑块不起作用，或者有什么问题？一切正常，但当我上传图像时，我希望它们分别放在不同的文件中，此时所有图像都相邻，我希望在不同的滑块上有3个不同的图像。是否可以不确定计数=$（“#slider>img”）.size（）；所有的问题都解决了，我没有正确链接jQuery，输入错误

<?php
    if(isset($_FILES['ImageUpload'])){
        // if the form has been submitted
        $imageName = $_FILES['ImageUpload']['name'];
        $imageTemp = $_FILES['ImageUpload']['tmp_name'];
        $imageType = $_FILES['ImageUpload']['type'];
        // filter image name
        $imageName = preg_replace("#[^a-z0-9.]#i","",$imageName);

        // error handling
        if(!$imageName){
            echo("Please select a file to upload");
        }else{
            move_uploaded_file($imageTemp, "uploads/$imageName");
        }
    }

?>

<style type="text/css">
    #slider{
        width:500px;
        height:300px;
        overflow:hidden;
        margin:30px auto;
        border:2px solid grey;
    /*  background-image:url(images/Progress.gif); */
        background-repeat:no-repeat;
        background-position:center;
    }

</style>

<script type="text/javascript" src="includes/js/jquery.js"></script>

<script type="text/javascript">
    sliderInt = 1;
    sliderNext = 2;

    $(document).ready(function() {
        $("#slider > img#1").fadeIn(300);
        startSlider();
    });

    function startSlider(){
        count = $("#slider > img").size();
        loop = setInterval(function(){

            if(sliderNext > count){
                sliderNext = 1;
                sliderInt =1;
            }

            $("#slider > img").fadeOut(300);
            $("#slider > img#" + sliderNext).fadeIn(300);

            sliderInt = sliderNext;
            sliderNext = sliderNext +1;

        }, 3000)    
    }


</script>


<form action="slider_custom.php" id="uploadsForm" method="POST" enctype="multipart/form-data">

    <input type="file" name="ImageUpload"/> Select a file to upload... <br/><br/>

    <input type="submit" value="Upload"/>

</form>


<div id="slider">


    <?php
        $imageDisplay = "";
        $images = scandir("uploads");
        $ignore = array(".","..");
        $i = '1';
        foreach($images as $file){
            if(!in_array($file, $ignore)){
                $imageDisplay .= '<img id="1" src="uploads/'.$file.'" border="0"/>';
                $i++;
            }
        }

        echo($imageDisplay);
    ?>
</div><!-- end .slider -->

$i = 1; // no need for quotes here
foreach($images as $file){
        if(!in_array($file, $ignore)){
            $imageDisplay .= '<img style="display:none" id="'.$i.'" src="uploads/'
                             .$file.'" border="0"/>';
            $i++;
        }
    }