https://github.com/thinkphp/flickrbadge
Plugin MooTools that allows you to create an unobtrusive interactive Flickr badge for your website or blog.
https://github.com/thinkphp/flickrbadge
Last synced: 3 months ago
JSON representation
Plugin MooTools that allows you to create an unobtrusive interactive Flickr badge for your website or blog.
- Host: GitHub
- URL: https://github.com/thinkphp/flickrbadge
- Owner: thinkphp
- Created: 2011-01-11T09:42:18.000Z (about 15 years ago)
- Default Branch: master
- Last Pushed: 2011-01-11T11:59:01.000Z (about 15 years ago)
- Last Synced: 2024-04-14T14:54:24.700Z (almost 2 years ago)
- Language: JavaScript
- Homepage: http://thinkphp.github.com/Flickrbadge/
- Size: 97.7 KB
- Stars: 2
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
Flickrbadge
===========
This plugin MooTools allows you to create an unobtrusive interactive Flickr badge for your website or blog.
How to use
----------
First you must to include the JS file in the head of your HTML document.
#HEAD
In your BODY:
#BODY
### Notes:
* all you have to provide is a link to your Flickr stream or the tagged images with the ID in your stream as a text link with a DIV with the
class (*flickrbadge*) around it. Notice you need the ID - the thing with the @ in it - and not your clean URL.
If you don't know, use [http://idgettr.com/](http://idgettr.com/) to retrieve it. If there is no JavaScript available, all the visitor gets is a link to your flickr profile.
* the whole badge can be styled by you, just change the CSS to your needs.
* the only need to insert the SCRIPT once, and the best option is to add it to the end of the document, just before the closing BODY tag.
* the script is a single include and loads the style sheet and the class helps files on demand when they are needed.
* visitors can see your photos on the page and click the thumbnails to see the larger preview. You can style the badge in any way you like by changing the supplied CSS file.
* the options can be changed in any way you need.
### You can see the badge in action:
- [http://thinkphp.github.com/Flickrbadge/](http://thinkphp.github.com/Flickrbadge/)
- [http://jsfiddle.net/z4gVk/](http://jsfiddle.net/z4gVk/)
Your sample looks as following:
### Requirements:
- MooTools Core 1.3