Framework7 - Parametri del browser di foto
Descrizione
Framework7 fornisce un elenco di parametri, che vengono utilizzati con il browser di foto e sono elencati nella tabella seguente:
| S.No | Parametro e descrizione | genere | Predefinito |
|---|---|---|---|
| 1 | photos È un array con URL di immagini o un array di oggetti con proprietà URL e didascalia. |
Vettore | [] |
| 2 | initialSlide È il numero di indice di una diapositiva iniziale. |
numero | 0 |
| 3 | spaceBetween Rappresenta la distanza tra le diapositive delle foto in pixel. |
numero | 20 |
| 4 | speed Rappresenta la durata della transizione tra le diapositive di foto. |
numero | 300 |
| 5 | zoom Viene utilizzato per abilitare / disabilitare la capacità di ingrandire e fare una panoramica delle foto. |
booleano | vero |
| 6 | maxZoom È il rapporto di zoom massimo. |
numero | 3 |
| 7 | minZoom È il rapporto di zoom minimo. |
numero | 1 |
| 8 | exposition Abilita / disabilita la modalità di esposizione quando si fa clic sul browser delle foto. |
booleano | vero |
| 9 | expositionHideCaptions Se è impostato su true, i sottotitoli in modalità di esposizione sono nascosti. |
booleano | falso |
| 10 | swipeToClose Se è abilitato, puoi chiudere il browser delle foto scorrendo verso l'alto / il basso. |
booleano | vero |
| 11 | view È il collegamento all'istanza della vista inizializzata. |
Visualizza istanza | non definito |
| 12 | type Definisce come deve essere aperto il browser delle foto. |
corda | indipendente, autonomo |
| 13 | loop Quando è impostato su true , abilita la modalità loop continuo. |
booleano | falso |
| 14 | theme Il tema del colore del browser delle foto può essere chiaro o scuro . |
corda | luce |
| 15 | captionsTheme Può essere di due colori scuro o chiaro . |
corda | - |
| 16 | navbar È impostato su false per rimuovere la barra di navigazione del browser delle foto. |
booleano | vero |
| 17 | toolbar È impostato su false per rimuovere la barra degli strumenti del browser delle foto. |
booleano | vero |
| 18 | backLinkText È il testo sul collegamento sul retro nella barra di navigazione. |
corda | vicino |
| 19 | ofText È il testo del contatore delle foto. Ad esempio 3 di 5. |
corda | di |
| Caricamento pigro | |||
| 1 | lazyLoading È impostato su true per abilitare il caricamento lento delle immagini. |
booleano | falso |
| 2 | lazyLoadingInPrevNext È impostato su true per abilitare il caricamento lento per le foto più vicine. |
booleano | falso |
| 3 | lazyLoadingOnTransitionStart Dopo il passaggio alla foto, il browser delle foto caricherà le foto pigre per impostazione predefinita. Se abiliti questo parametro, puoi caricare una nuova foto all'inizio della transizione. |
booleano | falso |
| Modelli | |||
| 1 | navbarTemplate È il modello HTML della barra di navigazione. |
corda | - |
| 2 | toolbarTemplate È il modello HTML della barra degli strumenti. |
corda | - |
| 3 | photoTemplate È il modello HTML di un singolo elemento fotografico. |
corda | - |
| 4 | lazyPhotoTemplate È il singolo modello HTML dell'elemento fotografico a caricamento lento. |
corda | - |
| 5 | objectTemplate È il modello HTML dell'elemento singolo oggetto. |
corda | - |
| 6 | captionTemplate È il modello HTML a singolo elemento di didascalia. |
corda | - |
| Richiami | |||
| 1 | onOpen(photobrowser) È la funzione di callback, che verrà eseguita all'apertura del browser delle foto. |
funzione | - |
| 2 | onClose(photobrowser) È la funzione di callback, che verrà eseguita quando l'utente chiude il browser delle foto. |
funzione | - |
| 3 | onSwipeToClose(photobrowser) È la funzione di richiamata, che verrà eseguita quando l'utente chiude il browser delle foto scorrendo verso l'alto o verso il basso. |
funzione | - |
| Swiper Callbacks | |||
| 1 | onSlideChangeStart(swiper) Questa funzione di callback verrà eseguita all'inizio dell'animazione su un'altra diapositiva. Accetta l'istanza di swiper come argomento. |
funzione | - |
| 2 | onSlideChangeEnd(swiper) Questa funzione di callback verrà eseguita dopo l'animazione su un'altra diapositiva. Accetta l'istanza di swiper come argomento. |
funzione | - |
| 3 | onTransitionStart(swiper) Questa funzione di callback verrà eseguita all'inizio della transizione. Accetta l'istanza di swiper come argomento. |
funzione | - |
| 4 | onTransitionEnd(swiper) Questa funzione di callback verrà eseguita dopo la transizione. Accetta l'istanza di swiper come argomento. |
funzione | - |
| 5 | onClick(swiper,event) Questa funzione di callback verrà eseguita quando l'utente fa clic sul cursore dopo un ritardo di 300 ms. Accetta l'istanza e l'evento di swiper come parametro. |
funzione | - |
| 6 | onDoubleTap(swiper, event) Questa funzione di callback verrà eseguita quando l'utente fa doppio clic sul contenitore di scorrimento. |
funzione | - |
| 7 | onLazyImageLoad(swiper, slide, image) Questa funzione di callback verrà eseguita quando il caricamento lento inizia a caricare la foto. |
funzione | - |
| 8 | onLazyImageReady(swiper, slide, image) Questa funzione verrà eseguita dopo il caricamento lento della foto. |
funzione | - |