从另一个 URL 创建图像提要 [关闭]

Question

首先，如果这听起来很愚蠢，请原谅我，我会尽力解释。根据我收集到的信息，我认为这就像一个 RSS 提要，但我不能 100% 确定我所问的是否可行。

假设我有一个网站。 Website.com 在我的主页上，我有一个带有“图片”的 div，并以图像作为横幅。然后我有一个不同的页面 website.com/images 和 /images 我有一组我每天上传的图片。是否可以将这两个页面链接在一起，以便我在 /images 上放置的任何新图片都会自动设置主页 div 的横幅？

我知道我可以硬编码图像，但只是看看这是否可行。

<div class="medium-grid flex-column">
        <a class="ab-feat ab-fade height-fix" href="/url!!">
            <div class="title">
                <h3>Images</h3>
                <p>Some random text for now</p>
            </div>
            <div class="img-cover">
                <img src="url/for/banner.jpg" alt="images" />
            </div>
        </a>
    </div>    

Answer 1

是的，这是可能的。如果您使用的是 WordPress，它有一个简单的方法来创建 RSS feed。您将需要创建“图像”RSS 提要并发布它。这将为您提供一个您的主页可以“订阅”的唯一 URL。然后，在您的主页上，您必须创建一些机制来从该 URL 刷新数据。最简单的方法是创建一个轮询机制来轮询该 URL 并更新您的 div

如果您不使用 WordPress，大多数 CMS 都内置了类似的内容。只需在他们的文档中搜索 RSS 源即可。

如果您不使用任何 CMS，这仍然可行，但您必须自己编写所有代码。

Answer 2

当您在website.com/images 上上传图片时，您应该将图片网址保存在您的数据库中。这样您就可以从数据库中获取最新的图像 url 并将其设置为 website.com 上的横幅

可以创建数据库表images

images - id
       - url
       - created_at

html

<div class="banner">

</div>

javascript

$.get('url/to/get/latest/image', function (response) {
  $('.banner').css('background-image', response.body.img.src);
});

或者，如果您收到包含所有图像的数组，请使用此

$.get('url/to/get/all/images', function (response) {
  $('.banner').css('background-image', response.body.images[images.length -1].src); // use (images.length -1) to have the index of the latest image
});