Magnific Popup - setzen Sie die Pfeile in ein Bild

Question

Ich legte Magnific Popup auf meiner Website, um Bilder in der Galerie anzuzeigen. Ich liebe dieses Werkzeug, außer einer Sache. Die Pfeile zum Wechseln der Bilder werden an den Seiten des Bildschirms angezeigt, was bei großen Bildschirmen mit großer Auflösung praktisch unpraktisch ist. Daher möchte ich fragen, ob es möglich ist, die Pfeile innerhalb des Bildes zu bewegen, wie es bei vielen anderen Bildbetrachtern, wie beispielsweise einem Leuchtkasten, üblich ist.

Vielen Dank im Voraus.

Answer 1

Sie können nur erneut fügen Sie die Pfeile im Inneren des Behälters, hier ist beispielsweise http://codepen.io/dimsemenov/pen/JGjHK

Answer 2

@raison, dies mit Typ inline/iframe funktionieren sollte:

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

Answer 3

Ich hatte ein Problem, wenn mehrere Galeriegebäude aus der Datenbank. Eine Galerie enthielt ein eindeutiges Bild und einen Callback: this.contentContainer.append (this.arrowLeft.add (this.arrowRight));

dieses Bild wird einfach nicht angezeigt werden (einen Fehler auf this.arrowLeft undefiniert oder Null erhalten)

(versuchen Sie es auf dem codepen Beispiel nur das zweite Bild löschen aus der DOM.You'll die sieht Rest Bild kann nicht geöffnet werden)

Um dies zu beheben, ich die folgende Callback statt:

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