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