如何从网页的不同部分引用html的特定部分

Question

我一直在努力将照片组合到旅游博客中。目前我正在阅读如何制作整页图像轮播。我遇到的具体问题是：我想要一张100张图片的图片轮播。在博客的不同点，我希望用户能够在序列中的不同图像处输入相同的轮播。目前，我必须在博客的每个点复制100个图像的代码。我试图弄清楚如何从网页的不同部分引用相同的HTML。这是一个例子：

https://bwanaaa.github.io/flicktest/

第一张图片是一张完整的出血封面。接下来的两个画廊是相同的画廊，但起点不同。我必须在html TWICE中列出所有10个图像才能实现此目的。如果我有50个带有10个入口点的图像，你可以想象html有多详细。

这是一个可以试验的codepen：

http://codepen.io/littleredbowtie/pen/yNdOMQ

有没有办法在html中设置'子程序'？

Answer 1

这不能仅通过HTML来解决。您必须实现更多JS功能，或者找到不同的插件。

这是一个更接近您正在寻找的插件： https://github.com/stylehatch/photoset-grid

演示： http://stylehatch.github.io/photoset-grid/

它制作了一个照片网格，然后你还添加了灯箱功能，无论他们点击什么照片，它都会转到照片集中的那张照片，并且还有与旋转木马相媲美的导航图标。