Question

首先，请原谅我，如果这听起来很愚蠢，我会尽力解释。从我收集到的内容来看，认为这就像一个RSS提要，但我不能100％确定我所提出的问题是否可行。

所以说我有一个网站。 Website.com和我的主页上有一个div＆＃39; Pictures＆＃39;以图像为横幅。然后我有一个不同的页面，website.com / images和on / 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

在website.com/images上传图像时，应将图像网址保存在数据库中。这样您就可以从数据库中获取最新的图片网址，并将其设置为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
});

Answer 2

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

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

如果您没有使用任何CMS，这仍然是可行的，但您必须自己编码所有内容。

从其他网址创建图片Feed

2 个答案: