从外部URL拍摄图像并对其进行幻灯片显示[重新发布,增加了清晰度]

时间:2018-11-03 18:21:35

标签: javascript jquery ajax slideshow

为了阐明这一点,在尝试执行此操作时,我做了相当多的研究,以下是我正在研究的主要资源:external page request of images

在对JavaScript和JQuery进行了一些阅读之后,我想到了要做什么:我想获取特定页面上图像的URL,将它们包装在适当的标签中,并使其CSS隐藏,直到由幻灯片div调用(使用或使用z-index)。我基本上可以弄清楚如何完成所有这些操作,除了捕获URL之外,因为它们位于另一页而不是DOM中。

我相信我需要使用AJAX来做到这一点,但是我很难掌握如何使用它。在上面的源代码中,我找到了需要使用的代码,但是在“ src”上遇到了范围错误:

mat-step

(对我来说,至少,如果我将其放在JSfiddle中,它将在“ src”上出现范围错误。此外,是否需要用“ each”替换“ first”来获取所有图像?)

那是我的第一个问题。第二个问题是,一旦我弄清楚如何克服它,我还需要考虑标签页的分页。它是公式化的,而且都是全部的([标记页的网址] /页/ [页号]),因此我知道可以使用循环,但是我不知道如何告诉它在最后一页停止显示结果。 Here是标记为“ tinypaint”的示例页面,在这种情况下,该页面结束于第18页。

TL; DR:如何从外部页面获取图像?我知道适用于此任务的代码存在范围问题,我该如何解决?以及如何循环浏览页面直到到达空白页面?

有人可以帮助我解决这些问题吗?我也想知道我做错了什么/我做错了什么,以及为什么您的解决方案有效,以此作为学习经验。

很抱歉,这充满了问题。我只是想知道它是如何工作的,所以我可以为将来学习。

0 个答案:

没有答案