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 | - |