javascript - deviceone开发app的,我想点击图片滑动看,怎么实现?
本文介绍了javascript - deviceone开发app的,我想点击图片滑动看,怎么实现?的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
问 题
在开发类似朋友圈的时候,可以点击图片的时候,左右滑动可以看到图片。如何实现?
解决方案
这个比较简单,有一个专门的组件叫do_ImageBrowser可以用来展示图片。
参考http://doc.deviceone.net/web/doc/code4do/imagebrowser.htm
代码也很简单,类似底下
function init() {
for (i = 2; i <= 7; i++) {
var imageview = ui("do_ImageView_" + i);
imageview.tag = i - 2;// 把序号记录在imageview的tag属性
imageview.on("touch", function() {
click(this);
})
}
}
init();
var images = [
{
source : "http://pic3.nipic.com/20090525/2416945_231841034_2.jpg",
init : "source://image/1.jpg"
},
{
source : "http://pic9.nipic.com/20100904/4845745_195609329636_2.jpg",
init : "source://image/2.jpg"
},
{
source : "http://pic1.nipic.com/2008-12-09/200812910493588_2.jpg",
init : "source://image/3.jpg"
},
{
source : "http://img.61gequ.com/allimg/2011-4/201142614314278502.jpg",
init : "source://image/4.jpg"
},
{
source : "http://hiphotos.baidu.com/praisejesus/pic/item/e8df7df89fac869eb68f316d.jpg",
init : "source://image/5.jpg"
},
{
source : "http://pic37.nipic.com/20140209/8821914_163234218136_2.jpg",
init : "source://image/6.jpg"
} ];
var imageBrowser = sm("do_ImageBrowser");
function click(obj) {
imageBrowser.show(images, obj.tag);
}
这篇关于javascript - deviceone开发app的,我想点击图片滑动看,怎么实现?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文