Posizionamento della freccia in fancybox

Question

Ho fancybox in esecuzione per visualizzare post di blog in un iframe quando si fa clic sul titolo da un dispositivo di scorrimento. Vorrei usare le frecce ma il posizionamento predefinito delle frecce indica che (in chrome almeno) i pulsanti coprono l'area in cui la barra di scorrimento per il post del blog significherebbe che l'utente non può scorrere.

Vorrei riposizionare le frecce in modo che siano a sinistra ea destra della casella di fantasia e non sovrapposte sulla scatola stessa anche se non riesco a trovare un'opzione per questo. Qualcuno può aiutarmi?

Answer 1

Homepage contiene la raccolta di demo utili - http://fancyapps.com/fancybox/#useful Sembra che siete alla ricerca di 6 # - http://jsfiddle.net/fhpZ5/

Answer 2

Puoi usare i CSS per riposizionare le frecce e posizionarle dove preferisci.

Aprire il file fancybox css (jquery.fancybox-1.3.4.css) e intorno alla riga 145 si dovrebbero trovare i seguenti stili css. Cambiare la posizione sinistra e destra dal valore predefinito (0) alla posizione in cui si desidera visualizzare la freccia.

/* Line 145 (ish) of the fancybox css sheet */ 
#fancybox-left { 
    left: -50px; /* Default: 0 */ 
} 

#fancybox-right { 
    right: -50px; /* Default: 0 */ 
} 

Il -50px deve tirare due frecce al limite dell'area. Puoi cambiarlo per posizionare le frecce dove preferisci.

---

Aggiornamento - V.2.0.3 Foglio di stile Fancy box.
Nella versione V2, cercare quanto segue nel foglio css e modificarlo come sopra di conseguenza.

/* Around line 117 in .css file */ 
.fancybox-prev { 
    left: 0; /* Change to -50px */ 
} 

.fancybox-next { 
    right: 0; /* Change to -50px */ 
}