Hpyer 的未知空间

国家/州/市及省/市/区三级联动JS代码

Posted by Hpyer on 星期一, 三月 26th, 2012

最近做项目要用到城市三级联动的JS程序,但是本人手头只有之前从扣扣上取得的脚本,然而这个脚本的数据是全世界城市的,而项目则需要国内的城市,且需要详细到县市区的,显然原来的数据不适合。 在询问了许久的谷歌和度娘后,终于找到了一份比较全的国内省市区的数据,按照原来数据的格式将其修改成了进行修正,以让现有的脚本可以完美的支持。 这样以来,只要让不同的项目读取所需的数据即可,足以满足日常的应用。 然而有时我们可能需要将城市信息直接输出,而不是以下拉列表的形式呈现给用,所以本人又对脚本做了优化,使之只需简单设置即可这一功能,也可以定义各个下拉列表的名称,也可以支持多语言(数据须后期再翻译)。 演示地址 http://demo.hpyer.cn/js/LocalList/ 下载地址 使用方式 <script type="text/javascript" src="LocalList.js"></script><script type="text/javascript">// 全世界数据var options = {    country: ‘country’,        // “国家”下拉列表的名称    state: ‘state’,            // “州”下拉列表的名称    city: ‘city’,            // “城市”下拉列表的名称    current: ‘CHN|33|1′,        // 当前默认值,用管道符“|”分割    language: ‘zh_cn’,        // 数据文件的语言   [...]

continue reading

POTCreator – Gettext POT文件生成器

Posted by Hpyer on 星期三, 一月 18th, 2012

概要 / Summary 这是一个用于生成 GETTEXT 的 POT 文件的类,然后你就可以使用 Poedit 进行翻译啦。 – This class can help you to create a POT file for GETTEXT, Then you can translate it by Poedit. 网上找了很久,都没有找到这样的工具,于是乎自己写了一个,大家使用过程中有问题,可以在此回复。 – Please report bug here, thank you! 主页 / Home:http://hpyer.cn/codes/potcreator 用法 / Usage <?php// 包含类库 – Include the classinclude(‘POTCreator.php’); // 创建对象 – Create object$obj = [...]

continue reading

ECShop插件 – 会员签到送积分

Posted by Hpyer on 星期四, 十一月 10th, 2011

如何留住用户,提高用户的回头率,一直是各类网站的重要关注的问题,尤其是商城类网站。ECShop提供基本的会员功能,可以方便的注册、购买、收藏,但是却没有足够留住老用户的功能。或许您会说其本身有用户推广分成的功能,但是又有多少商家会开通呢?本文介绍的就是这么一款具有该方面功效的ECShop插件——会员签到送积分。 效果图: 注:该图只是效果图,需买家提供与您网站切合的样式、图片等。 该插件具有如下功能: 支持每天赠送相同积分 支持递增积分赠送(即第二天赠送的积分比第一天多) 支持后台设置 支持任意位置添加签到按钮 现在购买本插件,您还可以得到: 帮助完成插件安装(需提供临时的FTP及后台的账号、密码),并调试完成 永久享受本插件的后续升级、修复服务(如:淘宝数据包升级而引起的功能失效等) 插件价格 100.00 RMB 注:此价格只包含前文所述的功能及服务,若需额外增加的朋友请联系站长协商。 购买方式 本站支持支付宝、财付通的担保交易,需要的朋友请即刻联系站长,以便提供购买链接给您。

continue reading

Flickr 相片调用 API

Posted by Hpyer on 2008-06-08 - 5,133 Views - 10 Comments

  Flickr 是一个非常不错的在线免费相册,虽然它只能显示最新上传的 200 张相片(以前的相片并不会被删除,在升级为付费会员后,即可显示),但对于普通用户来说,足以。与此同时,每个用有网上相册的朋友,肯定希望自己的相片可以在其他地方与他人分享,比如:博客、个人空间等等…因此,如何调用 Flickr 的相片则成了大家头疼的问题。好在 Flickr 已经为大家解决了这一难题,那就是它的 Badge 接口。该接口提供了 HTML 和 FLASH 两种输出样式,因为 FLASH 的样式已经固定,不一定可以满足大多数人需求,所以推荐大家使用 HTML 样式,稍加 CSS 的样式控制即可。
  下面就对该接口的使用做一说明吧,其实原文是 Elliot Swan 在其博客中所发表的《Custom Flickr Badge API Documentation》,因为没找到中文版的,只好自己稍微翻译了一下,希望帮得上大家吧~~

开始
每个对于该接口的调用,应该都包含如下的内容:

<script type="text/javascript" src="http://www.flickr.com/badge_code_v2.gne?user=[The ID]">

[The ID] 是你的用户 ID,并不是用户名!可以通过 idGettr.com 获取。同时,你可能需要将用户 ID 中的 @ 符号改成 %40
JavaScript 参数说明

参数名 类 型 可选值 说 明
count integer 整数 1 到 10 需要显示相片的张数。默认:10
display string 字符串 latest(最新的) 或 random(随机的) 显示的相片是最新的还是随机的。默认:latest
layout char 字符 h(水平的)、v(垂直的)、x(不设置) 相片的排列方式。默认:h
source string 字符串 user(指定用户的相片)、user_tag(指定用户的指定标签)、user_set(指定用户的指定相册)、group(指定群组的相片)、group_tag(指定群组的指定标签)、all(所有用户的相片)、all_tag(所有用户的指定标签) 相片的来源。设置该选项后,可能需要设置其他的选项以获取到需要的相片。其他选项为:tag、group、set(具体使用方法参与下文)
size string 字符串 s(正方型)、t(缩略图)、m(中等大小) 相片的大小。默认:t
tag string 字符串 [可选项] 如果是中文的,需要进行 URL 的编码,否则无法显示相片。获取方法:在 Flickr 上点击任何标签,然后地址栏会变成类似 …/tags/abcde/ 结尾的样子,其中的 abcde 就经过编码后的标签。中文的话会显示为 %E4%B8%AD%E5%9B%BD 的样子。
group string 字符串 [可选项] 群组的 ID。也可通过 idGettr.com 来获取。获取方法:点击任何群组,当地址栏变成类似 …/groups/china/ 结尾的样子时,将这个完整的地址复制到 idGettr.com 中进行查找即可
set integer 一串数字的字符串 [可选项] 相册的 ID。获取方法:点击任何相册,当地址栏变成类似 …/sets/1234567890/ 结尾的样子时,其中的 1234567890 就是该相册的 ID。

HTML 样式
知道了如何调用相片,下面就来看下应该如何去控制相片的显示,以配合不同主题的模板。


<div id="flickr_badge_image1" class="flickr_badge_image">
  <a href="[the photo page]">
    <img width="[xx]" height="[xx]" src="[the url]" title="[The photo's title]"
alt="A photo on Flickr" />
  </a>
</div>
<div id="flickr_badge_image2" class="flickr_badge_image">
  <a href="[the photo page]">
    <img width="[xx]" height="[xx]" src="[the url]" title="[The photo's title]"
alt="A photo on Flickr" />
  </a>
</div>
<div id="flickr_badge_image3" class="flickr_badge_image">
  <a href="[the photo page]">
    <img width="[xx]" height="[xx]" src="[the url]" title="[The photo's title]"
alt="A photo on Flickr" />
  </a>
</div>

依此类推,每个相片的 ID 会自动递增。

最后再放个本人空间所用的调用链接给大家做个参考吧~~

<script type="text/javascript" src="http://www.flickr.com/badge_code_v2.gne?user=24467934%40N07&
source=user&count=4&display=random&size=t&layout=x"></script>

Posted in: Web 技术.

10 Responses to “Flickr 相片调用 API”

  1. 来看看你的Ajax Comment Plugin.
    呵呵:-) :)

  2. 我也来测试一下

  3. 看来不错

  4. 这个是 WordPress Thread Comment,不是 Ajax Comment Plugin。
    然后那些表情又是另外一个叫 Custom Smilies 的插件~~

  5. :=( ! ;) :) :) :( B| ? :E :} ! :=( :/

  6. 我也来试试看看 :D

  7. 测试

  8. 谢谢提供

  9. 有参考价值,谢谢!我现在正在做个播放器,它要连接flickr。我希望调用flickr api,不通过浏览器,调用api用程序来下载flickr上的相片到本地硬盘或指定的文件夹下。播放器我会做。希望得到你的指点,谢谢!

  10. @符静:

    只要你能去到那段HTML代码,里面就可以分析出图片的地址,然后再进行下载,应该就可以了吧~~不过,具体会碰到怎样的问题,我就不清楚了,慢慢研究了哈~~

Leave a Reply

About | Contact | Guestbook | Archives | Sitemap

如果您觉得本站的文章有帮助,并且条件允许的话,希望您能慷慨捐赠,以支持本站更好的发展。非常感谢!