GithubHelp home page GithubHelp logo

thegreatandroid / jquery.last.fm Goto Github PK

View Code? Open in Web Editor NEW

This project forked from alexcash/jquery.last.fm

0.0 2.0 0.0 197 KB

A jQuery plugin that populates the given element with album artwork from the last.fm api

License: GNU General Public License v2.0

Shell 0.78% Ruby 7.98% HTML 4.29% JavaScript 22.44% CSS 64.51%

jquery.last.fm's Introduction

jquery.last.fm

A jQuery plugin that populates the given element with album artwork from the last.fm api. Check out a demo on the official project page.

Usage:

$('.albums').lfm({
	APIkey:   null,     // [string] required in order to retrieve content from last.fm
	User:     null,     // [string] required username to retrieve data for
	Behavior: "hover",  // [string] optional controls detail content behavior. can be changed to 'click'
	limit:    20,       // [integer] optional the number of albums you'd like to show. max of 50
	period:   "3month"  // [string] (overall | 7day | 1month | 3month | 6month | 12month) optional the period of time for which to retrieve top albums
});

Don't forget to include either style.css or style.scss to get started. If you'd like to do development directly out of this repo you'll need to create a main.js (gitignored) with code formatted as above.

If you'd like to get started without an API key or user to pull from, you can comment out the var url line and uncomment the subsequent one to use serverFixture.json. Due to cross domain security restrictions in modern browsers, you'll need to spin up a http server. Given python installed on your system (it comes with mac os) you can run ./bin/server on the command line to spin up a simple server at http://localhost:4444.

If developing right in the repo you'll need to bring your own sass precompiler. I use livereload.

###License: Copyright © 2013 Alex Cash Dual licensed under the MIT and GPL licenses.

jquery.last.fm's People

Contributors

alexcash avatar

Watchers

James Cloos avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.