Framework7 - Parâmetros do navegador de fotos

Descrição

Framework7 fornece uma lista de parâmetros, que são usados ​​com o navegador de fotos e estão listados na tabela a seguir -

S.Não Parâmetro e Descrição Tipo Padrão
1

photos

É uma matriz com URLs de imagens ou uma matriz de objetos com propriedades de URL e legenda.

matriz []
2

initialSlide

É um número de índice inicial do slide.

número 0
3

spaceBetween

Representa a distância entre slides de fotos em pixels.

número 20
4

speed

Representa o tempo de duração da transição entre os slides de fotos.

número 300
5

zoom

É usado para ativar / desativar a capacidade de zoom e panorâmica das fotos.

boleano verdadeiro
6

maxZoom

É a proporção máxima de zoom.

número 3
7

minZoom

É a taxa de zoom mínima.

número 1
8

exposition

Ele ativa / desativa o modo de exposição ao clicar no navegador de fotos.

boleano verdadeiro
9

expositionHideCaptions

Se for definido como verdadeiro, as legendas no modo de exposição serão ocultadas.

boleano falso
10

swipeToClose

Se estiver ativado, você pode fechar o navegador de fotos deslizando para cima / baixo.

boleano verdadeiro
11

view

É o link para a instância de visualização inicializada.

Ver instância Indefinido
12

type

Ele define como o navegador de fotos deve ser aberto.

corda estar sozinho
13

loop

Quando definido como verdadeiro , ativa o modo de loop contínuo.

boleano falso
14

theme

O tema de cores do navegador de fotos pode ser claro ou escuro .

corda leve
15

captionsTheme

Pode ser de dois cor escura ou clara .

corda -
16

navbar

É definido como falso para remover a barra de navegação do navegador de fotos.

boleano verdadeiro
17

toolbar

É definido como falso para remover a barra de ferramentas do navegador de fotos.

boleano verdadeiro
18

backLinkText

É o texto do link na parte de trás da barra de navegação.

corda Fechar
19

ofText

É o texto do contador de fotos. Por exemplo, 3 de 5.

corda do
Carregamento lento
1

lazyLoading

É definido como verdadeiro para permitir o carregamento lento de imagens.

boleano falso
2

lazyLoadingInPrevNext

É definido como verdadeiro para permitir o carregamento lento para as fotos mais próximas.

boleano falso
3

lazyLoadingOnTransitionStart

Após a transição para a foto, o navegador de fotos carregará fotos preguiçosas por padrão. Se você habilitar este parâmetro, você pode carregar uma nova foto no início da transição.

boleano falso
Modelos
1

navbarTemplate

É o modelo HTML da barra de navegação.

corda -
2

toolbarTemplate

É o modelo HTML da barra de ferramentas.

corda -
3

photoTemplate

É o modelo HTML de um único elemento de foto.

corda -
4

lazyPhotoTemplate

É o único modelo HTML de elemento de foto de carregamento lento.

corda -
5

objectTemplate

É o modelo HTML de elemento único de objeto.

corda -
6

captionTemplate

É o modelo HTML de elemento de legenda única.

corda -
Callbacks
1

onOpen(photobrowser)

É a função de retorno de chamada, que será executada quando o navegador de fotos for aberto.

função -
2

onClose(photobrowser)

É a função de retorno de chamada, que será executada quando o usuário fechar o navegador de fotos.

função -
3

onSwipeToClose(photobrowser)

É a função de retorno de chamada, que será executada quando o usuário fechar o navegador de fotos deslizando para cima ou para baixo.

função -
Swiper Callbacks
1

onSlideChangeStart(swiper)

Esta função de retorno de chamada será executada no início da animação para outro slide. Leva a instância do swiper como argumento.

função -
2

onSlideChangeEnd(swiper)

Esta função de retorno de chamada será executada após a animação para outro slide. Leva a instância do swiper como argumento.

função -
3

onTransitionStart(swiper)

Esta função de retorno de chamada será executada no início da transição. Leva a instância do swiper como argumento.

função -
4

onTransitionEnd(swiper)

Esta função de retorno de chamada será executada após a transição. Leva a instância do swiper como argumento.

função -
5

onClick(swiper,event)

Esta função de retorno de chamada será executada quando o usuário clicar no controle deslizante após um atraso de 300 ms. Ele aceita instância e evento do swiper como um parâmetro.

função -
6

onDoubleTap(swiper, event)

Esta função de retorno de chamada será executada quando o usuário clicar duas vezes no contêiner do controle deslizante.

função -
7

onLazyImageLoad(swiper, slide, image)

Esta função de retorno de chamada será executada quando o carregamento lento começar a carregar a foto.

função -
8

onLazyImageReady(swiper, slide, image)

Esta função será executada após o carregamento lento da foto.

função -