如何制作Connected Modal窗口

Question

我想知道如何复制孤独星球上使用的相同模态窗口组件：https://api.instagram.com/v1/users/search?q=

因此，当您单击其中一个列出的缩略图时，您将看到带有箭头的模态窗口，在悬停状态下显示预览图像。我试图用Zurb Foundation或简单的JS，jquery重新创建相同的插件，最后将在Wordpress中实现。我知道这不是问这类问题的平台，但是。我不知道从哪里开始。

如果您对插件有任何建议或请随时告诉我。

提前致谢！

Answer 1

如果您想使用Zurb Foundation创建自己的插件，可以从以下代码中获得一个想法。

{{1}}

如果您想使用插件，可以使用光滑的滑块并根据您的需要进行自定义。 http://codepen.io/shoaibik/pen/GZaOGV