如何初始化灯箱

Question

我尝试使用

页面

http://dimsemenov.com/plugins/magnific-popup/

从项目开始。所以我把代码假定为找出，我需要从更大的页面中找到我。虽然，削减任何东西使得id根本不起作用。

需要哪些资源（css，js，链接）？

我需要在几个页面上添加一个灯箱，并希望在页面加载后立即加载第一张图片。试图在

上建立一个测试页面

http://grillparzerhof.at/magnificversuch/index.html

虽然根本没有灯箱。这是一个非常初学者的问题;请帮忙。

〜卡尔

Answer 1

这是您应该用于在页面加载时触发灯箱的公共方法中该页面上的代码，此说明位于文档页面底部附近：

// Open popup immediately. If popup is already opened - it'll just overwite the content (but old options will be kept).
// - first parameter: options object
// - second parameter (optional): index of item to open
$.magnificPopup.open({
  items: {
    src: 'someimage.jpg'
  },
  type: 'image'

  // You may add options here, they're exactly the same as for $.fn.magnificPopup call
  // Note that some settings that rely on click event (like disableOn or midClick) will not work here
}, 0);