简介

最新插件和KRPano信息请从以下网址获取：http://www.krpano.tech/archives/223

最近几天研究了如何在krpano全景的基础上实现记录浏览量和点赞次数，写了一个插件，方便大家使用。

效果截图如下：

每当有用户打开该全景页面时，浏览量会自动加1；

用户可以主动点击点赞按钮，点击后，赞的数量加1，第二次点赞会取消点赞。

使用说明

插件共有5个文件，如下图所示：

前三个文件为图片，可以自行修改定义不同的样式

va.min.js 为js代码，用于控制点赞，与后台交互等操作

va.xml为xml文件，用于配置样式

使用时，把上述5个文件复制到项目目录，在你的xml文件里添加如下的代码即可

 <include url="va.xml" devices="desktop" />

 <plugin name="va" uid="cb7d5006550fad7b70d5df3a710bc0d8"/>

uid为用户识别码，用于区分不同的用户（uid可以加入qq群：551278936，咨询管理员获得, 自行从群文件中下载uid生成工具获取uid）

如果在本地测试使用，并且你的测试网址为krpano默认的网址：http://localhost:8090/tour.html，则可以设置uid=cb7d5006550fad7b70d5df3a710bc0d8

本地测试使用，请设置uid="test"

源码地址

https://github.com/SLdragon1989/ViewAndPlugin

插件下载

http://pan.baidu.com/s/1hsQJnUG 密码：n24g

在线预览

http://www.yjh001.com/va/tour.html

欢迎加入qq群551278936讨论krpano技术以及获取最新软件。

最新博客地址：http://blog.turenlong.com/

【krpano】浏览点赞插件（源码+介绍+预览）的更多相关文章

  1. 【krpano】浏览点赞插件1.1（源码+介绍+预览）

    插件使用说明详见:http://www.cnblogs.com/reachteam/p/5479068.html 插件更新 1.新增测试模式 用户可以使用uid="test"进行本 ...

  2. 【krpano】二维码自动生成插件（源码+介绍+预览）

    简介 在krpano生成的全景支持HTML5在手机中展示,而在手机中打开全景网址时不方便,需要输入网址. 最近研究了如何让krpano全景根据自己当前的网址,自动生成二维码,并在电脑浏览时,可以展示出 ...

  3. 【krpano】高德地图导航插件（源码+介绍+预览）

    简介 krpano可以利用js调用第三方网页版地图,因此可以实现导航效果,用来帮助用户导航到我们全景所在的位置. 效果截图如下,在手机端点击左侧按钮,便会对用户进行定位,跳转至高德地图进行导航     ...

  4. Spring Boot 2.0系列文章(五)：Spring Boot 2.0 项目源码结构预览

    关注我 转载请务必注明原创地址为:http://www.54tianzhisheng.cn/2018/04/15/springboot2_code/ 项目结构 结构分析: Spring-boot-pr ...

  5. Ocelot简易教程（七）之配置文件数据库存储插件源码解析

    作者:依乐祝 原文地址:https://www.cnblogs.com/yilezhu/p/9852711.html 上篇文章给大家分享了如何集成我写的一个Ocelot扩展插件把Ocelot的配置存储 ...

  6. 4- vue django restful framework 打造生鲜超市 -restful api 与前端源码介绍

    4- vue django restful framework 打造生鲜超市 -restful api 与前端源码介绍 天涯明月笙 关注 2018.02.20 19:23* 字数 762 阅读 135 ...

  7. Maven 依赖调解源码解析（二）：如何调试 Maven 源码和插件源码

    本文是系列文章<Maven 源码解析:依赖调解是如何实现的?>第二篇,主要介绍如何调试 Maven 源码和插件源码.系列文章总目录参见:https://www.cnblogs.com/xi ...

  8. 如何查看google chrome 插件源码

    常用浏览器google chrome 有很多优秀的插件,寂寞的时候想看看人家是怎么实现的,说是快那就动手吧 插件代码位置 本人mac笔记本,chrome 插件位置如下 $ cd  /Users/vin ...

  9. 基于tomcat插件的maven多模块工程热部署（附插件源码）

    内容属原创,转载请注明出处 写在前面的话 最近一直比较纠结,归根结底在于工程的模块化拆分.以前也干过这事,但是一直对以前的结果不满意,这会重操旧业,希望搞出个自己满意的结果. 之前有什么不满意的呢? ...

随机推荐

  1. 【转载】WEB前端开发规范文档

    本文转载自谈笑涧<WEB前端开发规范文档> 为 新项目写的一份规范文档, 分享给大家. 我想前端开发过程中, 无论是团队开发, 还是单兵做站, 有一份开发文档做规范, 对开发工作都是很有益 ...

  2. input 禁止输入法

    <INPUT TYPE = text STYLE = "ime-mode:disabled" > 即可禁止输入法 js形式: active 代表输入法为中文inacti ...

  3. TAC 坦克队

    The Art of Code 团队成员 组长:   031402330吴宇轩 组员:   031402509胡泽善   031402224彭 巍   031402230张建明   031402508 ...

  4. Android开发环境的演变

    之前安装过eclipse,给我的感觉是,好生麻烦.刚开始自己装花了好多时间.隐约还记得有两个小tips: 1)打开时出现 “failed to load the JNI shared library ...

  5. POSIX字符集

    [. .] 排序元素 [= =] 等价元素 类别   匹配字符 [:alnum:] 数字字符 [:alpha:]  字母字符 [:blank:]  空格与制表符 [:cntrl:] 控制字符 [:di ...

  6. Pyhont-Urllib

    urllib 方法 1 httpContent=urllib.urlopen(url) 2 fileName, httpContent= urllib.urlretrieve(url, filePat ...

  7. C#-和时间有关的计算代码、时间相减 得到天数、小时、分钟、秒差

    asp.net(C#)时间相减 得到天数.小时.分钟.秒差   asp.net(C#)时间相减 得到天数.小时.分钟.秒差   DateTime dtone = Convert.ToDateTime( ...

  8. perl 模块安装

    You can check if you have them installed in your machine with: > perl -e 1 -M<module> It wi ...

  9. a版本冲刺第五天

    队名:Aruba   队员: 黄辉昌 李陈辉 林炳锋 鄢继仁 张秀锋 章  鼎 运动会这几天两位同学准备比赛也确实比较忙,两位同学又刚好有事回家去了,由于之前git解决一次冲突后,远程我们还不能很好地 ...

  10. 标准C++之运算符重载和虚表指针

    1 -> *运算符重载 //autoptr.cpp     #include<iostream> #include<string> using namespace std ...