css - 如何使用 Magnific Popup 的 open() 方法放大图像

Question

以下代码用于在页面加载时触发 Magnific 弹出窗口。不幸的是，Dmitry Semenov(作者)提供的几乎所有文档都集中在其他三个初始化过程上。

$.magnificPopup.open({...各种键值对...});

我的目标是在页面打开时放大画廊的初始元素。我相信我可以通过实验完成这项任务，只要我知道如何使用 open() 函数调用 Magnific Pop-Up 的通用类。

特别是，放大效果需要图像及其拇指。虽然我用src键调出原图已经成功了，但是我不知道怎么调出图片的缩略图。

也许有人可以提供一段带有注释的代码，我可以从您的示例中学到足够多的东西来自己推进。

Answer 1

$(".gallery img:first-child").click();

应该可以解决问题。确保将其添加到 document.ready jQuery 初始化代码中。