Как настроить стрелки и кнопку закрытия?

Question

Я хотел бы настроить и позиционировать (заменить на пользовательские изображения jpg/png) стрелки & закрыть кнопку. Любая помощь будет оценена по достоинству.

Answer 1

Немного поздно, может быть, но я что-то обнаружил: magnific-popup, по-видимому, не прямолинейно в случае позиционирования кнопок.

У него есть опция closeBtnInside, которая должна помещать кнопку закрытия внутри содержимого. В моем случае этот вариант просто не работал (при отображении изображений). Затем я попытался изменить CSS, установив верхний и правый для класса mfp-close, чтобы поместить кнопку закрытия. Сначала это работало, но, щелкнув по кнопке, она вернулась в прежнее положение. Не удалось найти другие классы 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); 

Должно работать для кнопок со стрелками тоже.