如何使用JavaScript显示缩略图并单击打开模式

我有数百篇基于html的期刊文章，其中包含html片段，如下面的示例所示，以引用图像：

<div class="fig panel" style="display: float; clear: both">
    <a id="de8adf66-3683-c412-3cd6-45bc686a4ebe"><!-- named anchor --></a>
    <h5 class="label">Innovation attributes</h5>
    <div class="caption">
        <p class="first" id="e5a7d435-9a86-3b8e-8a85-5835cdfa4a67">
            <i>Adams, 2003.</i>
        </p>
    </div>
    <a id="ID0EHD" href="https://journal.emergentpublications.com/wp-content/uploads/2015/11/de8adf66-3683-c412-3cd6-45bc686a4ebe-300x235.png">
        <div class="long-desc" />
        <a target="xrefwindow" href="https://journal.emergentpublications.com/wp-content/uploads/2015/11/de8adf66-3683-c412-3cd6-45bc686a4ebe.png" id="ID0ELD">https://journal.emergentpublications.com/wp-content/uploads/2015/11/de8adf66-3683-c412-3cd6-45bc686a4ebe.png</a>
        <div class="permissions">
            <p class="copyright" />
            <p class="copyright">
                <span class="generated">Copyright</span>
            </p>
            <div class="license">
                <p class="first" id="ID0ESD" />
            </div>
        </div>
    </a>
</div>

版权

---

在document ready上，使用JavaScript和CSS3如何显示第一个“a”标记中包含的缩略图，以及下面的“long desc”和“permissions”div的内容。。。然后单击缩略图时，以填充屏幕的模式打开第二个（子项）“a”标记中的图像（并具有关闭按钮）？

检查此项。您可以根据需要编辑样式。这只是个草图

document.addEventListener（'DOMContentLoaded'，function（）{
让thumbnail=document.querySelector（'.thumbnail'）；
let close=document.querySelector（'.modal close'）；
let overlay=document.querySelector（'.overlay'）；
缩略图.addEventListener（'click'，函数（e）{
e、 预防默认值（）；
overlay.classList.add（'visible'）
});
close.addEventListener（'click'，函数（e）{
e、 预防默认值（）；
overlay.classList.remove（'visible'）
});
});
。缩略图图像{
边框：3px实心#BBB；
边界半径：4px；
}
.覆盖{
显示：无；
位置：固定；
排名：0；
左：0；
身高：100%；
宽度：100%；
背景色：rgba（0,0,0,0.3）；
}
.可见{
显示：块；
}
.模态包装器{
位置：相对位置；
身高：100%；
宽度：100%；
}
.模态图像{
高度：计算（100vh/1.28）；
宽度：100vh；
保证金：自动；
}
.模态图像>img{
最大宽度：100%；
}
.模式关闭{
位置：绝对位置；
顶部：10px；
右：10px；
填充物：5px；
边框：2px实心#444；
背景:#bbb ;；
光标：指针；
}


版权

在为我的具体案例进行了一些裁剪后，效果非常好。非常感谢。