Массивное всплывающее окно - накладывает стрелки внутри изображения

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

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

Ответ 1

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

Ответ 2

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

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

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

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

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

Ответ 3

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

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