小程序圖片幻燈片播放

Github地址

github.com/godaangel/w…

小程序片斷代碼直接查看

developers.weixin.qq.com/s/in6OUqmk7…

用於須要幻燈片展現一系列圖片，而且須要提供一些轉場效果的時候

• 代碼爲小程序片斷代碼
• 轉場效果在每次訪問時隨機生成，內置5種，若是須要的話能夠自行開發

使用方式

//引入組件
"usingComponents": {
    "image-player": "../image-player/image-player"
}
複製代碼

<!-- 直接引入 backImageUrls表示圖片地址Array -->
<image-player imageList="{{backImageUrls}}" needBackground="{{true}}" backgroundOpacity="{{0.6}}" animationDuration="{{4000}}" ></image-player>
複製代碼

配置說明

名稱	說明	類型	默認值
imageList	圖片連接數組	Array	必填
needBackground	是否須要背景填充	Boolean	true
backgroundOpacity	背景填充透明度	Number	0.5
animationDuration	動畫時長	Number	5000 (單位 ms)