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