標籤：vba html lang 導覽列 line meta link css title
html
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
<link rel="stylesheet" href="css/viewer.css"/>
</head>
<body>
<ul id="myul">
<li><img src="img/1a.jpg"/> </li>
<li><img src="img/2a.jpg"/> </li>
<li><img src="img/3a.jpg"/> </li>
<li><img src="img/4a.jpg"/> </li>
<li><img src="img/5a.jpg"/> </li>
</ul>
<script src="js/jquery-1.11.0.js"></script>
<script src="js/viewer.js"></script>
<script src="js/demo01.js"></script>
</body>
</html>
//demo01.js
/**
* Created by Loki on 2017/2/21.
*/
$("#myul").viewer({
//底部導覽列0：不出現；
navbar:0,
//右上方的關閉按鈕是否顯示：true 為預設顯示；
button:true,
//是否進入頁面顯示遮罩層，預設false;
inline:false,
//底部導航是否顯示0：不顯示底部按鈕；
toolbar:2,
//是否 可拖動
movable:true,
//是否 可以旋轉
rotatable:true,
//是否 可以縮放圖片
scalable:true,
//是否 有過渡動畫(小變大)
transition:true,
//點擊播放 是否全屏播放
fullscreen:true
})
viewer.js的簡單練習
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
