如何自定义箭头并关闭按钮？

Question

我想定制和定位（用自定义图像jpg/png替换）箭头&关闭按钮。任何帮助，将不胜感激。

Answer 1

也许有点晚，但我找到了一些东西：在定位按钮的情况下，magnific-popup显然不是直截了当的。

它有选项closeBtnInside，应该将关闭按钮放在内容中。在我的情况下，这个选项不起作用（当显示图像时）。然后，我尝试通过设置顶部和右边的mfp-close类来更改CSS来放置关闭按钮。它起初似乎起作用，但是当点击按钮时，它会回到原来的位置。没有找到其他可能需要更改的CSS类。

我结束了自己设置HTML的关闭按钮（即包括设置一个自己的图像），并使用内嵌式的定位关闭按钮：

var magnificPopupOptions = 
{ 
    delegate: 'a', 
    type: 'image', 
    closeMarkup: '<button title="%title%" class="mfp-close" style="position: absolute; top: 30px; right: -15px"><img src="/Content/images/close-icon.png" width="25" height="29"/></button>', 
}; 
$('<Selector>').magnificPopup(magnificPopupOptions); 

应当对箭头按钮工作了。