【问题标题】:I want to create a image slider that automaticly slides all similar images in a folder [closed]我想创建一个图像滑块,自动滑动文件夹中的所有相似图像[关闭]
【发布时间】:2011-07-31 23:00:58
【问题描述】:

假设我有一堆基于日期的文件名的图像,如下所示:

url/images/top20110326.png

url/images/top20110327.png

url/images/top20110328.png

url/images/top20110329.png

url/images/top20110330.png

url/images/top20110331.png

url/images/top20110401.png

url/images/top20110402.png

我想找到某种类型的代码或工具或插件来为我提供这些功能:

  1. 根据图片的所有url地址自动加载图片。
  2. 为用户提供一个滑块,以按日期顺序快速滑过图像
  3. 为用户提供自动滑动图像的选项(没有任何效果,只需将一个替换为另一个)。最好具有可调节的速度。
  4. 显示图像大小的框应在代码中进行调整,并且应根据需要调整图像大小或拉伸以适合框。

PS:服务器是PHP服务器

【问题讨论】:

  • 到目前为止你有什么,它怎么不工作?
  • 除了这些图片,我什么都没有。我正在尝试找到一个已经开发的解决方案,只允许我对其进行修改,而不必从头开始构建。

标签: php javascript ajax image slider


【解决方案1】:

你需要的是: 1. 通过 Java、PHP 或其他服务器端语言读取您的图库文件夹中的文件。 2. 列出他们的名字(如果你喜欢其他信息)。 3. 通过 javascript 或 jQuery 显示它们...

您可以在 PHP 中使用以下代码读取文件夹文件:

$dir = getcwd()."/ImageGalleryFolder/";

if (is_dir($dir)) {
    if ($dh = opendir($dir)) {
        while (($file = readdir($dh)) !== false) {
            if (($file != '.') && ($file != '..' ) && !is_dir($dir.$file)) {

                                // YOU HAVE FILENAME HERE ($file), USE IT AS YOU LIKE!
                                // note: the complete path of your file is $dir.$file
                        }
                }
        }
}

网上有很多免费的 javascript 和 jQuery Image Sliders & Carousels...其中一些甚至可以读取图片文件夹(但我不记得他们的名字了)...

看看这些地方(您可以通过谷歌搜索找到更多信息)...

http://www.blogohblog.com/20-killer-image-sliders-carousels/

http://www.vivalogo.com/vl-resources/javascript-slideshows-sliders-carousels.htm

【讨论】:

  • 你可以使用glob("url/images/top*.png");
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2016-02-09
  • 1970-01-01
  • 2019-08-01
  • 1970-01-01
相关资源
最近更新 更多