Framework7 - 照片浏览器参数

描述

Framework7 提供了一系列参数，这些参数用于照片浏览器，并在下表中列出：

序号	参数及描述	类型	默认值
1	photos 这是一个包含图像 URL 的数组，或者是一个包含 URL 和标题属性的对象数组。	数组	[]
2	initialSlide 这是初始幻灯片的索引号。	数字	0
3	spaceBetween 它表示照片幻灯片之间的距离（以像素为单位）。	数字	20
4	speed 它表示照片幻灯片之间过渡的时间长度。	数字	300
5	zoom 用于启用/禁用缩放和平移照片的功能。	布尔值	true
6	maxZoom 这是最大缩放比例。	数字	3
7	minZoom 这是最小缩放比例。	数字	1
8	exposition 在点击照片浏览器时启用/禁用曝光模式。	布尔值	true
9	expositionHideCaptions 如果设置为 true，则隐藏曝光模式下的标题。	布尔值	false
10	swipeToClose 如果启用此功能，您可以通过向上/向下滑动关闭照片浏览器。	布尔值	true
11	view 这是初始化的视图实例的链接。	视图实例	undefined
12	type 它定义了照片浏览器应如何打开。	字符串	standalone
13	loop 设置为 true 时，启用连续循环模式。	布尔值	false
14	theme 照片浏览器的颜色主题可以是 light 或 dark。	字符串	light
15	captionsTheme 它可以是两种颜色 dark 或 light。	字符串	-
16	navbar 设置为 false 以删除照片浏览器的导航栏。	布尔值	true
17	toolbar 设置为 false 以删除照片浏览器的工具栏。	布尔值	true
18	backLinkText 这是导航栏中返回链接上的文本。	字符串	close
19	ofText 这是照片计数器中的文本。例如 3 of 5。	字符串	of
懒加载
1	lazyLoading 设置为 true 以启用图像的懒加载。	布尔值	false
2	lazyLoadingInPrevNext 设置为 true 以启用最近照片的懒加载。	布尔值	false
3	lazyLoadingOnTransitionStart 在过渡到照片后，照片浏览器默认会加载懒加载照片。如果启用此参数，您可以在过渡开始时加载新照片。	布尔值	false
模板
1	navbarTemplate 这是导航栏的 HTML 模板。	字符串	-
2	toolbarTemplate 这是工具栏的 HTML 模板。	字符串	-
3	photoTemplate 这是单个照片元素的 HTML 模板。	字符串	-
4	lazyPhotoTemplate 这是单个懒加载照片元素的 HTML 模板。	字符串	-
5	objectTemplate 这是单个对象元素的 HTML 模板。	字符串	-
6	captionTemplate 这是单个标题元素的 HTML 模板。	字符串	-
回调函数
1	onOpen(photobrowser) 这是回调函数，当照片浏览器打开时将执行。	函数	-
2	onClose(photobrowser) 这是回调函数，当用户关闭照片浏览器时将执行。	函数	-
3	onSwipeToClose(photobrowser) 这是回调函数，当用户通过向上或向下滑动关闭照片浏览器时将执行。	函数	-
Swiper 回调函数
1	onSlideChangeStart(swiper) 此回调函数将在动画开始切换到其他幻灯片时执行。它将 swiper 实例作为参数。	函数	-
2	onSlideChangeEnd(swiper) 此回调函数将在动画切换到其他幻灯片后执行。它将 swiper 实例作为参数。	函数	-
3	onTransitionStart(swiper) 此回调函数将在过渡开始时执行。它将 swiper 实例作为参数。	函数	-
4	onTransitionEnd(swiper) 此回调函数将在过渡结束后执行。它将 swiper 实例作为参数。	函数	-
5	onClick(swiper,event) 当用户在 300 毫秒延迟后点击滑块时，此回调函数将运行。它接受 swiper 实例和事件作为参数。	函数	-
6	onDoubleTap(swiper, event) 当用户双击滑块容器时，此回调函数将运行。	函数	-
7	onLazyImageLoad(swiper, slide, image) 当懒加载开始加载照片时，此回调函数将执行。	函数	-
8	onLazyImageReady(swiper, slide, image) 懒加载照片加载完成后，此函数将执行。	函数	-

framework7_photo_browser.htm

打印页面