请登录
玩家共建非官方战双WIKI,做最还原游戏内UI体验的WIKI!
战双WIKI反馈留言板 · WIKI编辑教程 · BWIKI收藏到桌面的方法说明
Widget:图片查看器
说明:本JS为引入一个图片查看器。
功能:
(1)点击大图区域可以显示/隐藏UI。
(2)点击下方左右按键可以切换图片。
(3)点击右上角“X”关闭图片查看器。
(4)移动:PC端按住鼠标左键移动;移动端单指按住图片移动。
(5)放缩:PC端使用鼠标滚轮放缩;移动端使用双指放缩。
使用方式:
(1)模板:使用模板:图片集。
(2)JS:
var imgViewer = ImgViewer.createNew(); imgViewer.initialize(); imgViewer.setImglist(imginfolist); $(".showImg").each(function(){ $(this).click(function(){ imgViewer.showImg(0); }); })
其中“imginfolist”为图片信息数组,每个数组元素为一个字典,字典键有:"imgtitle"、"imgdesc"、"imglink",分别表示图片标题、图片描述、图片完整链接。