Framework7 - Parámetros del navegador de fotos

Descripción

Framework7 proporciona una lista de parámetros, que se utilizan con el navegador de fotos y se enumeran en la siguiente tabla:

S. No Descripción de parámetros Tipo Defecto
1

photos

Es una matriz con URL de imágenes o una matriz de objetos con propiedades de URL y título.

formación []
2

initialSlide

Es el número de índice de una diapositiva inicial.

número 0
3

spaceBetween

Representa la distancia entre diapositivas de fotos en píxeles.

número 20
4

speed

Representa el tiempo de duración de la transición entre diapositivas de fotos.

número 300
5

zoom

Se utiliza para habilitar / deshabilitar la capacidad de hacer zoom y desplazar fotos.

booleano cierto
6

maxZoom

Es la relación de zoom máxima.

número 3
7

minZoom

Es la relación de zoom mínima.

número 1
8

exposition

Activa / desactiva el modo de exposición al hacer clic en el navegador de fotos.

booleano cierto
9

expositionHideCaptions

Si se establece en verdadero, los subtítulos en el modo de exposición están ocultos.

booleano falso
10

swipeToClose

Si está habilitado, puede cerrar el navegador de fotos deslizando hacia arriba o hacia abajo.

booleano cierto
11

view

Es el enlace a la instancia de vista inicializada.

Ver instancia indefinido
12

type

Define cómo se debe abrir el navegador de fotos.

cuerda ser único
13

loop

Cuando se establece en verdadero , habilita el modo de bucle continuo.

booleano falso
14

theme

El tema de color del navegador de fotos puede ser claro u oscuro .

cuerda ligero
15

captionsTheme

Puede ser de dos colores oscuro o claro .

cuerda -
dieciséis

navbar

Se establece en falso para eliminar la barra de navegación del navegador de fotos.

booleano cierto
17

toolbar

Se establece en falso para eliminar la barra de herramientas del navegador de fotos.

booleano cierto
18

backLinkText

Es el texto del enlace en la parte posterior de la barra de navegación.

cuerda cerca
19

ofText

Es el texto del contador de fotos. Por ejemplo, 3 de 5.

cuerda de
Carga lenta
1

lazyLoading

Se establece en verdadero para permitir la carga diferida de imágenes.

booleano falso
2

lazyLoadingInPrevNext

Se establece en verdadero para habilitar la carga diferida para las fotos más cercanas.

booleano falso
3

lazyLoadingOnTransitionStart

Después de la transición a la foto, el navegador de fotos cargará fotos perezosas de forma predeterminada. Si habilita este parámetro, puede cargar una nueva foto al comienzo de la transición.

booleano falso
Plantillas
1

navbarTemplate

Es la plantilla HTML de la barra de navegación.

cuerda -
2

toolbarTemplate

Es la plantilla HTML de la barra de herramientas.

cuerda -
3

photoTemplate

Es la plantilla HTML de un solo elemento fotográfico.

cuerda -
4

lazyPhotoTemplate

Es la única plantilla HTML de elemento fotográfico de carga diferida.

cuerda -
5

objectTemplate

Es la plantilla HTML de elemento de objeto único.

cuerda -
6

captionTemplate

Es la plantilla HTML de un solo elemento de título.

cuerda -
Devoluciones de llamada
1

onOpen(photobrowser)

Es la función de devolución de llamada, que se ejecutará cuando se abra el navegador de fotos.

función -
2

onClose(photobrowser)

Es la función de devolución de llamada, que se ejecutará cuando el usuario cierre el navegador de fotos.

función -
3

onSwipeToClose(photobrowser)

Es la función de devolución de llamada, que se ejecutará cuando el usuario cierre el navegador de fotos deslizando hacia arriba o hacia abajo.

función -
Devolución de llamada Swiper
1

onSlideChangeStart(swiper)

Esta función de devolución de llamada se ejecutará al comienzo de la animación en otra diapositiva. Toma una instancia de swiper como argumento.

función -
2

onSlideChangeEnd(swiper)

Esta función de devolución de llamada se ejecutará después de la animación a otra diapositiva. Toma una instancia de swiper como argumento.

función -
3

onTransitionStart(swiper)

Esta función de devolución de llamada se ejecutará al comienzo de la transición. Toma una instancia de swiper como argumento.

función -
4

onTransitionEnd(swiper)

Esta función de devolución de llamada se ejecutará después de la transición. Toma una instancia de swiper como argumento.

función -
5

onClick(swiper,event)

Esta función de devolución de llamada se ejecutará cuando el usuario haga clic en el control deslizante después de un retraso de 300 ms. Acepta instancia de swiper y evento como parámetro.

función -
6

onDoubleTap(swiper, event)

Esta función de devolución de llamada se ejecutará cuando el usuario haga doble clic en el contenedor deslizante.

función -
7

onLazyImageLoad(swiper, slide, image)

Esta función de devolución de llamada se ejecutará cuando la carga diferida comience a cargar la foto.

función -
8

onLazyImageReady(swiper, slide, image)

Esta función se ejecutará después de que se cargue la foto de carga diferida.

función -