Question

我正在使用以下用于SlideShow的Jquery代码

<head>
<title>Simple Slide Show with jQuery</title>
<script type='text/javascript' 
src='http://jqueryjs.googlecode.com/files/jquery-1.3.2.min.js'>
</script>
<script type="text/javascript">
    var imgs = [
    'images/photo_1.jpg',
    'images/photo_2.jpg',
    'images/photo_3.jpg'];
    var cnt = imgs.length;

    $(function() {
        setInterval(Slider, 5000);
    });

    function Slider() {
    $('#imageSlide').fadeOut("slow", function() {
        $(this).attr('src', imgs[(imgs.length++) % cnt]).fadeIn("slow");
    });
    }
</script>
</head>
<body>
    <img id="imageSlide" alt="" src="" />

</body>
</html>

我所有的图像都被命名为photo_1.jpg，photo_2.jpg，很快......我不确定目录中会有多少张图片。

我想知道的是我应该做什么代码更改

1）jpgs会自动显示在该文件夹中（图片名称将始终为photo_number.jpg，编号将从1,2,3开始，很快就会显示。

2）如果没有可用的图像，幻灯片应该停止。

这可能吗？

3）我不想使用任何服务器端编程

Answer 1

不可能只有这个问题的javascript解决方案。

javascript没有对文件系统的默认支持（http://stackoverflow.com/questions/1087246/can-javascript-access-a-filesystem）

你应该做一些服务器端编程，并使用ajax来获取照片列表。

Answer 2

我做了同样的事你问但是用php（服务器端编程）我不认为它可以在没有它的情况下完成..我有一个页面自动生成包含图像的文件夹中的相册，并使它们在图库数组中也是获取专辑名称和日期，并在不同的页面中查看相册数组中的所有内容..如果您喜欢这样请求它，我很乐意帮助..

Jquery照相馆

2 个答案: