|
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
<meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
<title>云API</title>
<link rel="stylesheet" type="text/css" href="../css/api.css"/>
<link rel="stylesheet" type="text/css" href="../css/style.css"/>
<style>
.empty{ text-align: center; padding: 120px 0; }
</style>
</head>
<body>
<div class="empty">
</div>
<script src="../script/api.js"></script>
<script type="text/javascript">
apiready=function(){
var UIScrollPicture = api.require('UIScrollPicture');
UIScrollPicture.open({
rect : {
x : 0,
y : 0,
w : api.winWidth,
h : 200
},
data : {
paths : [
'widget://image/lb/b1.jpg',
'widget://image/lb/b2.jpg',
'widget://image/lb/b3.jpg'
]
},
placeholderImg : '../image/lb/b1.jpg',
contentMode : 'scaleToFill',//图片填充模式scaleToFill(填充),scaleAspectFit(适应)
interval : 3,//(可选项)图片轮换时间间隔,单位是秒(s)
loop : true,//图片是否循环播放
fixedOn : "dishDetail_frame",
fixed : false//模块是否随所属 window 或 frame 滚动
}, function(ret, err) {
if (ret) {
alert(JSON.stringify(ret));
} else {
alert(JSON.stringify(err));
}
});
}
</script>
</body>
</html>
|
|