照抄:http://www.html5plus.org/doc/zh_cn/nativeobj.html#plus.nativeObj.ImageSliderStyles
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8"/>
<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
<title>NativeObj Example</title>
<script type="text/javascript">
// H5 plus事件处理
function plusReady(){
}
if(window.plus){
plusReady();
}else{
document.addEventListener("plusready",plusReady,false);
}
// 创建原生图片轮播控件
var view=null;
function createView(){
view = new plus.nativeObj.ImageSliderView('test',{top:'200px',left:'0px',height:'50%',width:'100%',images:[{src:'1.png'},{src:'2.png'},{src:'3.png'}]});
// 直接显示
view.show();
}
// 更新原生图片轮播控件
function updateView(){
view.setImages([{src:'4.png'},{src:'5.png'}]);
}
</script>
</head>
<body>
<button onclick="createView()">创建图片轮播对象</button><br/>
<button onclick="updateView()">更新图片轮播对象</button>
</body>
</html>
请问管理员:运行时报plus.nativeObj.ImageSliderView未定义。
我想知道是引用那个JS?我搜索了最新的MUI DEMO JS文件,没有找到相关内容。谢谢百忙之中回答。
6 个回复
Neil_HL
将plus.nativeObj.ImageSliderView改为plus.nativeObj.ImageSlider
9***@qq.com (作者)
谢谢。改回后,不能自动轮播。
Neil_HL
是否自动轮播默认的是false,需要你自己设置:http://www.html5plus.org/doc/zh_cn/nativeobj.html#plus.nativeObj.ImageSliderStyles
2017-12-12 20:44
9***@qq.com (作者)
loop:'true',autoplay:'1000'都分别加上了,还是不行。
view = new plus.nativeObj.ImageSlider('test',{top:'200px',left:'0px',height:'50%',width:'100%',loop:'true',images:[{src:'1.png'},{src:'2.png'},{src:'3.png'}]});
2017-12-12 21:14
9***@qq.com (作者)
view = new plus.nativeObj.ImageSlider('test',{top:'200px',left:'0px',height:'50%',width:'100%',loop:'true',images:[{src:'1.png'},{src:'2.png'},{src:'3.png'}]});
loop:'true' 是加上了的,依然不能自播。
9***@qq.com (作者)
autoplay:'1000' 加上这个属性也不能自播。真是怪事。
9***@qq.com (作者)
问题没有解决。请管理员帮看看。新控件怎么用不上?
Neil_HL
是否自动轮播的属性是autoplay,值是Boolean类型;设置自动播放切换时间是interval,请看清楚文档
9***@qq.com (作者)
收到。谢谢。
2017-12-13 13:43