Обмен изображениями в Galleria при нажатии

Question

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

Answer 1

Нм, разобрался.Я использовал это внутри функции Galleria.run.

                    extend: function(options) {

                    Galleria.log(this) // the gallery instance
                    Galleria.log(options) // the gallery options

                    // listen to when an image is shown
                    this.bind('image', function(e) {

                        Galleria.log(e) // the event object may contain custom objects, in this case the main image
                        Galleria.log(e.imageTarget) // the current image

                        // lets make galleria open a lightbox when clicking the main image:
                        $(e.imageTarget).click(this.proxy(function() {
                            //this.openLightbox();
                            if (e.imageTarget.src.includes("Old")) {
                                e.imageTarget.src = e.imageTarget.src.replace("-Old.png", ".png");
                            } else {
                                e.imageTarget.src = e.imageTarget.src.replace(".png", "-Old.png");

                            }
                            //e.imageTarget.src = "../images/Games/TheVoid/MenuScreen-Old.png";
                        }));
                    });
                }

Конечно, вы можете адаптировать это к чему-то другому, но я так и сделал.