从在线存储到JavaScript幻灯片的图像

时间:2014-01-14 22:56:24

标签: javascript html slideshow

我有一位想要一个非常基本的网站设计的朋友,其中一页将是一些图片的幻灯片。我们的问题是,每当他想要更改照片时,他都必须与我联系,重新编程网站以添加这些新图像。

是否有可能让幻灯片显示从其他网站上抓取图像,他可以轻松将其上传到(如谷歌驱动器等存储或flickr等照片共享)?如果是这样的话,对于照片将存储在哪里以及如何在幻灯片中获取它们的建议是什么?建议赞赏!

2 个答案:

答案 0 :(得分:0)

一个没有服务器编码的低技术快速和肮脏的解决方案是从可以手动编辑的文本文件中的逗号分隔列表加载IMG URL。使用jquery.load加载文件并拆分字符串。

答案 1 :(得分:0)

如果它是PHP服务器,您可以动态获取每个图像的路径,只需将图像上传到目录中,并始终通过发出请求或包含该页面来获取所有可用图像的完整列表:

<?php
$images = glob('./path/to/your/images/*');
shuffle($images); // for a random list
// or sort($images) 
foreach ($images as $source) {
    echo '<img class="an_image" src="' . $source . '" alt="">' . "\n";
}
?>

将它放入一个php文件并发出请求,然后你会得到一个图像标签列表(在这种情况下)