照片浏览器参数(Photo Browser Parameters)

优质
小牛编辑
130浏览
2023-12-01

描述 (Description)

Framework7提供了一个参数列表,这些参数与照片浏览器一起使用,并列在下表中 -

S.No参数和描述类型默认
1

photos

它是一个包含图像URL或带有URL和标题属性的对象数组的数组。

array[]
2

initialSlide

这是初始幻灯片的索引号。

number0
3

spaceBetween

它表示照片幻灯片之间的距离,以像素为单位

number20
4

speed

它表示照片幻灯片之间过渡的持续时间。

number300
5

zoom

它用于启用/禁用缩放和平移照片的功能。

booleantrue
6

maxZoom

这是最大变焦比。

number3
7

minZoom

这是最小缩放比例。

number1
8

exposition

它在单击照片浏览器时启用/禁用曝光模式。

booleantrue
9

expositionHideCaptions

如果将此设置为true,则隐藏“展示”模式中的标题。

booleanfalse
10

swipeToClose

如果启用此选项,则可以通过向上/向下滑动来关闭照片浏览器。

booleantrue
11

view

它是初始化视图实例的链接。

查看实例undefined
12

type

它定义了如何打开照片浏览器。

stringstandalone
13

loop

设置为true ,它启用连续循环模式。

booleanfalse
14

theme

照片浏览器颜色主题可以是lightdark

stringlight
15

captionsTheme

它可以是两种颜色的darklight

string-
16

navbar

将其设置为false以删除照片浏览器的导航栏。

booleantrue
17

toolbar

将其设置为false以删除照片浏览器的工具栏。

booleantrue
18

backLinkText

它是导航栏后面链接上的文本。

stringclose
19

ofText

这是照片柜台的文字。 例如,5中的3。

stringof
延迟加载
1

lazyLoading

它设置为true以启用延迟加载图像。

booleanfalse
2

lazyLoadingInPrevNext

设置为true以启用最近照片的延迟加载。

booleanfalse
3

lazyLoadingOnTransitionStart

过渡到照片后,照片浏览器默认会加载延迟照片。 如果启用此参数,则可以在转换开始时加载新照片。

booleanfalse
模板
1

navbarTemplate

它是导航栏HTML模板。

string-
2

toolbarTemplate

它是工具栏HTML模板。

string-
3

photoTemplate

它是单个照片元素HTML模板。

string-
4

lazyPhotoTemplate

它是单个延迟加载照片元素HTML模板。

string-
5

objectTemplate

它是单个对象元素HTML模板。

string-
6

captionTemplate

它是单个标题元素HTML模板。

string-
回调
1

onOpen(photobrowser)

它是回调函数,将在打开照片浏览器时执行。

function-
2

onClose(photobrowser)

它是回调函数,将在用户关闭照片浏览器时执行。

function-
3

onSwipeToClose(photobrowser)

它是回调函数,当用户通过向上或向下滑动关闭照片浏览器时将执行该功能。

function-
Swiper回调
1

onSlideChangeStart(swiper)

此回调函数将在动画开始时执行到其他幻灯片。 它需要swiper实例作为参数。

function-
2

onSlideChangeEnd(swiper)

此动画将在动画播放到其他幻灯片后执行。 它需要swiper实例作为参数。

function-
3

onTransitionStart(swiper)

此回调函数将在转换开始时执行。 它需要swiper实例作为参数。

function-
4

onTransitionEnd(swiper)

转换后将执行此回调函数。 它需要swiper实例作为参数。

function-
5

onClick(swiper,event)

当用户在300ms延迟后单击滑块时,将运行此回调函数。 它接受swiper实例和事件作为参数。

function-
6

onDoubleTap(swiper, event)

当用户双击滑块容器时,将运行此回调函数。

function-
7

onLazyImageLoad(swiper, slide, image)

当延迟加载开始加载照片时,将执行此回调函数。

function-
8

onLazyImageReady(swiper, slide, image)

加载延迟加载照片后将执行此功能。

function-