请登录
玩家共建非官方战双WIKI,做最还原游戏内UI体验的WIKI!    
战双WIKI反馈留言板 · WIKI编辑教程 · BWIKI收藏到桌面的方法说明

全站通知:

Widget:图片查看器

来自战双帕弥什WIKI_BWIKI_哔哩哔哩
跳到导航 跳到搜索


说明:本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",分别表示图片标题、图片描述、图片完整链接。