当用户单击缩略图时，如何将可编辑的幻灯片添加到我的网站？
How can I add an exitable slideshow to my website when a user clicks a thumbnail?
我正在建立一个旅游网站，我想制作一个响应式 grid/row 可以点击的缩略图，从而使幻灯片覆盖屏幕并显示他们点击的缩略图的完整图像。用户可以单击图像侧面的箭头以在同一组中的其他图像之间切换，或者单击角落的 'x' 退出幻灯片放映并 return 到完全相同位置的页面他们在。
简而言之，我想复制当您在 Bing 或 Google 图片搜索中单击图片或单击 Facebook 相册中的照片时的行为。
我认为这将是一项常见且易于完成的任务，但到目前为止，我的研究只产生了人们放在主页上的整页 bootstrap 轮播。老实说，这对我来说听起来是个糟糕的主意，因为这会填满很多 space 并将更多重要内容推到页面下方。
有没有简单的方法或现有的库可以做到这一点？
不管怎样，我的网站目前使用 Angular 4 构建并使用 bootstrap.
我要找的是 'Lightbox'。当我开始将幻灯片视为弹出窗口时，我的搜索成功了。
有几种不同的流行现有实现：
我正在建立一个旅游网站，我想制作一个响应式 grid/row 可以点击的缩略图，从而使幻灯片覆盖屏幕并显示他们点击的缩略图的完整图像。用户可以单击图像侧面的箭头以在同一组中的其他图像之间切换，或者单击角落的 'x' 退出幻灯片放映并 return 到完全相同位置的页面他们在。
简而言之，我想复制当您在 Bing 或 Google 图片搜索中单击图片或单击 Facebook 相册中的照片时的行为。
我认为这将是一项常见且易于完成的任务，但到目前为止，我的研究只产生了人们放在主页上的整页 bootstrap 轮播。老实说，这对我来说听起来是个糟糕的主意，因为这会填满很多 space 并将更多重要内容推到页面下方。
有没有简单的方法或现有的库可以做到这一点？
不管怎样，我的网站目前使用 Angular 4 构建并使用 bootstrap.
我要找的是 'Lightbox'。当我开始将幻灯片视为弹出窗口时，我的搜索成功了。
有几种不同的流行现有实现：