Popup magnifico - inserisce le frecce all'interno di un'immagine

Question

Metto un popup magnifico sul mio sito, per visualizzare le immagini nella galleria. Adoro questo strumento, tranne una cosa. Le frecce per la modifica delle immagini vengono visualizzate sui lati dello schermo, ciò che è un po 'poco pratico quando si dispone di un grande schermo con una risoluzione elevata. Quindi voglio chiedere se è possibile spostare le frecce all'interno dell'immagine, poiché è comune a molti altri visualizzatori di immagini come lightbox e così via.

Grazie in anticipo.

Answer 1

Si può solo ri-aggiungere le frecce all'interno del contenitore, ecco esempio http://codepen.io/dimsemenov/pen/JGjHK

Answer 2

@raison, questo dovrebbe funzionare con il tipo di linea/iframe:

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

Answer 3

Ho avuto un problema durante la creazione della galleria multipla dal database. Una galleria conteneva un'immagine unica e con callback: this.contentContainer.append (this.arrowLeft.add (this.arrowRight));

questa immagine semplicemente non mostrerà (si ottiene un errore sul this.arrowLeft non definito o null)

(provarlo sull'esempio codepen, basta cancellare la seconda immagine dal DOM.You'll vedere il immagini rimanente non può essere aperto)

Per risolvere questo problema, ho usato il seguente callback invece:

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