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

Question

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

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

Answer 1

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

Answer 2

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

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

Answer 3

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

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

(попробуйте на codepen например, просто стереть второе изображение из DOM.You'll см остальные изображения не могут быть открыты)

Чтобы это исправить, я использовал следующую функцию обратного вызова, вместо:

this.contentContainer.append (this.arrowLeft, this.arrowRight);