cos-album

demo

Step1

<link rel="stylesheet" type="text/css" href="cos-album.min.css?v=1.1.6">
<script type="text/javascript" src="cos-album.min.js?v=1.1.6"></script>

Step2

<script type="text/javascript">
  new Cosalbum({
    'xmlLink': 'https://img-xxxxxxxxxx.cos.ap-chengdu.myqcloud.com',
    'prependTo': '.cos-album',
    'viewNum': 8,
    'copyUrl': '//img.lruihao.cn'
  });
</script>

Params

param	type	default	description
xmlLink	String		需要解析的騰訊云COS桶XML鏈接
prependTo	String	'body'	可選解析相冊到某個節點
viewNum	Number	4	每個相冊顯示的照片數目
copyUrl	String	href	CDN 链接,雙擊複製 URL Since: 1.1.6
imgType	String	['jpg', 'jpeg', 'png', 'gif', 'svg']	图片類型 Since: 1.1.6
videoType	String	['mp4', 'mp3', 'avi', 'mov', 'qt']	視頻類型 Since: 1.1.6

详细说明