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

列印頁面