【krpano技术】浏览点赞插件(源码+介绍+预览)

简介

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

效果截图如下:

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

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

使用说明

使用说明,插件文件共有以下5个文件:

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

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

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

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

1 <include url="va.xml" devices="desktop" />
2 <plugin name="va" uid="cb7d5006550fad7b70d5df3a710bc0d8"/>

uid为用户识别码,用于区分不同的用户(uid可以加入qq群:551278936,咨询管理员获得(免费)

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

源码下载地址:

http://pan.baidu.com/s/1kV0F2D5

在线预览:

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

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

时间: 2024-10-05 23:56:40

【krpano技术】浏览点赞插件(源码+介绍+预览)的相关文章

【krpano技术】二维码自动生成插件(源码+介绍+预览)

简介 在krpano生成的全景支持HTML5在手机中展示,而在手机中打开全景网址时不方便,需要输入网址. 最近研究了如何让krpano全景根据自己当前的网址,自动生成二维码,并在电脑浏览时,可以展示出来,效果如下: 点击后,会根据屏幕自动放缩到合适大小,方便手机进行二维码扫描. 使用说明 插件有两个文件 把他们复制到项目目录下,在你项目的xml文件中,添加如下的代码即可: <include url="qr.xml" devices="desktop" />

【krpano】高德地图导航插件(源码+介绍+预览)

简介 krpano可以利用js调用第三方网页版地图,因此可以实现导航效果,用来帮助用户导航到我们全景所在的位置. 效果截图如下,在手机端点击左侧按钮,便会对用户进行定位,跳转至高德地图进行导航      使用说明 插件共有3个文件,如下图所示: nv.js为js代码,主要作用为浏览器定位,生成地图调用uri等. nv.xml为样式文件,定义了krpano中按钮的位置 navigation.png为图标 使用时,把上述3个文件复制到项目目录,修改xml文件中的目的地参数即可. desloc对应于目

学会读JQuery等JS插件源码

很多人觉得jquery.ext等一些开源js源代码 十分的晦涩,读不懂,遇到问题需要调试也很费劲.其实我个人感觉主要是有几个方面的原因: 1.对一些js不常用的语法.操作符不熟悉 2.某个function中又嵌套了一些内部的function,使得整个代码的层次结构不像java代码那么清晰. 3.js中允许变量先使用后定义,会造成我们看代码时候忽然冒出来一个变量.function,却找不到是在哪里定义的. 那么今天给大家分享一下我的经验,扫清你的障碍. 一.一些晦涩的操作符: 1.(functio

自写图片遮罩层放大功能jquery插件源码,photobox.js 1.0版,不兼容IE6

阿嚏~~~ 话说本屌丝没啥开发插件的经验,但是天公不作美,公司需要让我自己开发个图片放大的插件 但公司老大的话,犹如吾皇之圣旨,微臣必当肝脑涂地,莫敢不从啊~~~ 于是乎,作为一个超级小白,本人只能瞎研究了,幸好黑天不负屌丝人,本屌丝终于搞出来了,虽然不尽善尽美,但是功能还是可以用的啦 先附上源码,求各种大神指导: /******************************* * photobox跨浏览器兼容插件 v1.0(不支持IE6) * 格式:<a href="big.jpg&q

浏览Android系统源码的站点

源码之前,了无秘密 看了腾讯Bugly的公众号分享,学习了直接网上浏览android系统源码的两个站点,很不错.记录下 关于 Android 系统源码,如果不是为了深入的研究,可以直接在网上浏览: Androidxref (http://androidxref.com/), 该站点提供了一定程度上的代码跳转支持,以及非常强大的检索功能,是我们查询系统源码的首选. Grepcode (http://grepcode.com/) 也可以检索Android系统源码,与前者不同的是,它只包含Java代码

Spark技术内幕:Worker源码与架构解析

首先通过一张Spark的架构图来了解Worker在Spark中的作用和地位: Worker所起的作用有以下几个: 1. 接受Master的指令,启动或者杀掉Executor 2. 接受Master的指令,启动或者杀掉Driver 3. 报告Executor/Driver的状态到Master 4. 心跳到Master,心跳超时则Master认为Worker已经挂了不能工作了 5. 向GUI报告Worker的状态 说白了,Worker就是整个集群真正干活的.首先看一下Worker重要的数据结构: v

SPRING技术内幕,Spring源码深度解析

 SPRING技术内幕,Spring源码深度解析 SPRING技术内幕:深入解析SPRING架构与设计原理(第2版)[带书签].pdf: http://www.t00y.com/file/78131650 Spring源码深度解析 [郝佳编著] sample.pdf: http://www.t00y.com/file/78131634 [jingshuishenliu.400gb.com]Spring Data.pdf: http://www.t00y.com/file/78256084 [

MAC下提取CHROME插件源码方法

想看别人写的插件是怎么实现的吗?在Finder定位文件夹到下面地址就可以看到所有安装过的插件源码了. ~/Library/Application Support/Google/Chrome/Default/Extensions/

1-开发共享版APP(源码介绍)-BUG修复

这一系列文章将介绍APP的源码,这一节作为所有BUG问题修复! https://www.cnblogs.com/yangfengwu/category/1512162.html    //开发共享版APP(接入指南) https://www.cnblogs.com/yangfengwu/category/1515825.html    //开发共享版APP(搭建指南) https://www.cnblogs.com/yangfengwu/category/1529078.html    //开发