Magnific popup-поместите стрелки внутри изображения

Я поставил magnific popup на свой сайт, чтобы отображать изображения в галерее. Я люблю этот инструмент, кроме одного. Стрелки для изменения изображений отображаются по бокам экрана, что немного непрактично, когда у вас большой экран с большим разрешением. Поэтому я хочу спросить, Можно ли перемещать стрелки внутри изображения, как это обычно для многих других видоискателей изображений, таких как lightbox и так далее.

заранее спасибо.

12
magnific-popup

3 ответов

вы можете просто повторно добавить стрелки внутри контейнера, вот пример http://codepen.io/dimsemenov/pen/JGjHK

15

У меня была проблема при создании нескольких галерей из базы данных. Одна галерея содержала уникальную картину и с обратным вызовом: это.contentContainer.добавить(это.arrowLeft.добавить это.arrowRight));

Это изображение просто не будет отображаться (вы получите ошибку на этом.arrowLeft undefined или Null)

(попробуйте на примере codepen, просто удалите второе изображение из DOM.Вы увидите, что оставшееся изображение не может быть открыто)

чтобы исправить это, я использовал следующие обратный вызов вместо:

этого.contentContainer.добавить(это.arrowLeft,это.arrowRight);

1

@raison, это должно работать с типом inline / iframe:

callbacks: {
    buildControls: function() {
        // re-appends controls inside the main container
        this.arrowLeft.appendTo(this.contentContainer);
        this.arrowRight.appendTo(this.contentContainer);
    }
}
0