简介

最新插件和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. C# 读取EXCEL文件的三种经典方法

    1.方法一:采用OleDB读取EXCEL文件: 把EXCEL文件当做一个数据源来进行数据的读取操作,实例如下: public DataSet ExcelToDS(string Path) { stri ...

  2. Struts2 Validation学习

    Every input is evil! ------------------------------华丽的分割线----------------------------------- 客户端提交的数 ...

  3. iframe多层嵌套时获取元素总结

    父页面获取子页面元素: 注意:onload事件 jQuery获取: $("iframe").contents().find("holder")......; ( ...

  4. 【腾讯GAD暑期训练营游戏程序班】游戏中的物理系统作业说明文档

    一.需求分析• 添加一辆新NPC车,可以让其与主角车碰撞:• 添加一些新物件,能够与车互动,在其触发事件将其移除:• 添加一些无法撞动的事件:• 添加NPC车的自动移动逻辑:• 在课上赛车的示例上添加 ...

  5. 为什么 "auto a = 1;" 在C语言中可以编译通过？

    参照:这里 这让我想起之前看的一部书, int i; 其实是等价与 auto int i; 表示为局部变量 这应该与static是相对的吧?

  6. offsetHeight, clientHeight与scrollHeight的区别

      在网上搜了一下,结论非常笼统,讲IE从不讲版本,因此自己做了测试并上传结论.以下结论皆是在标准模式下测试通过的,没有测试quirk模式. clientHeight 大部分浏览器对 clientHe ...

  7. 什么是Javascript Hoisting?

    Javascript是一门容易遭人误解的语言,但是它的强大毋庸置疑.个人觉得,要想深入理解Javascript语言,首先必须对其基本的概念(例如:Scope,Closure,Hoisting等)要真正 ...

  8. 【CityHunter】服务器端设计思路

    设计服务端程序首先我考虑到的是通讯传输方式的设计,按照CityHunter的特殊性,其具有两种使用场景: 仅用于查看当前信息状态.搜索周边环境.对信息的实时性要求不高的一些场景: 用于攻略藏宝图或Ch ...

  9. Android开发笔记之《知识漏点纪录与学习》

    1. NDK的异常捕获方法 2. Andorid性能优化:http://www.cnblogs.com/yezhennan/p/5442557.html 3. 插件化与组件化:http://blog. ...

  10. java 部分注解说明（待补充）

    内容 所代表的意思 @RequestMapping(params = "save") @ResponseBody 将内容或对象作为http响应正文返回,并调用适合HttpMessa ...