Random Images of Feed using Javascript and JSON and jQuery
There are many ways to present image data on the Web, and Javascript can be used in many ways to present the data in so many ways. Here we use some image data from a Flickr Feed image hosting data set and present a table of Random Images which constantly changes. Hope you enjoy the tutorial above (or below, but not in the fourth, fifth or sixth dimensions … actually not too sure about the third either, come to think of it).
Below are some good background reading for the concepts of this tutorial all via Wikipedia:
Link to Random Images of Flickr Feed live run for rjmprogramming.com.au Flickr photo set (latest 20).
Download source code and rename to RandomsOfFlickrFeed.html.
Earlier tutorial:
JSON and jQuery Javascript Flickr Feed Tutorial
Web browser users really like to make use of data feeds and one of the protocol formats they are often using when accessing RSS feeds is JSON (and XML), as outlined below in a Wikipedia entry. In this tutorial we see JavaScript jQuery library functionality accessing the Flickr image hosting share area used by this domain here at rjmprogramming.com.au and then go on to show you some steps in making a Web Application that could access this Flickr image hosting photo data.
JSON (pron.: /ˈdʒeɪsɒn/ JAY-sawn, pron.: /ˈdʒeɪsən/ JAY-sun), or JavaScript Object Notation, is a text-based open standard designed for human-readable data interchange. It is derived from the JavaScript scripting language for representing simple data structures and associative arrays, called objects. Despite its relationship to JavaScript, it is language-independent, with parsers available for many languages.
The JSON format was originally specified by Douglas Crockford, and is described in RFC 4627. The official Internet media type for JSON is application/json. The JSON filename extension is .json.
The JSON format is often used for serializing and transmitting structured data over a network connection. It is used primarily to transmit data between a server and web application, serving as an alternative to XML.
Click on picture above to see the Flickr Feed tutorial using jQuery and JSON.
Link to Flickr Feed live run for rjmprogramming.com.au Flickr photo set (latest 20).
Below are some good background reading for the concepts of this tutorial all via Wikipedia:
Link to Flickr image hosting for rjmprogramming.com.au called rmetimages.
Download programming source code and rename to FlickrFeed_jQuery_Json.html.
Did you know …
JavaScript makes a great easy-access Calculator?
Try typing the lines below into the address bar of your favourite browser:
javascript:alert(eval(512 / 380));
javascript:alert(eval(512 * 380));
javascript:alert(eval(512 – 380));
javascript:alert(eval(512 + 380));
javascript:alert(eval(512 % 380));
These days we spend so much time on the Internet it is a much quicker way to get to a calculator!
You may want to try the new Android App called Flickr Latest 20.
If this was interesting you may be interested in this too.
