javascript - Random photos from Flickr JSON feed -


i use query parse json feed flickr account , inject code of latest 12 photos feed in div named #photos

<script type="text/javascript">                 // set variables needed query                 var url = "http://api.flickr.com/services/feeds/photos_public.gne";                 var id = "<?php echo get_option('of_flickrid') ?>";                 var jsonformat = "&lang=en-us&format=json&jsoncallback=?";                  var ajaxurl = url + "?id=" + id + jsonformat;                 // last photos of flickr account, parse html code                 $.getjson(ajaxurl, function(data){                      var htmlstring = '<a href="<?php echo get_option('of_flickr') ?>" target="_blank"><h1><?php echo get_option('of_photostext') ?></h1></a><br class="clear"/>';                      // start cycling through our array of flickr photo details                     $.each(data.items, function(i,item){                          // want ickle square thumbnails                      var sourcesquare = (item.media.m).replace("_m.jpg", "_s.jpg");                          // here's piece html                         htmlstring += '<a href="' + item.link + '" target="_blank">';                         htmlstring += '<img title="' + item.title + '" src="' + sourcesquare;                         htmlstring += '" alt="'; htmlstring += item.title + '" class="rounded"/>';                         htmlstring += '</a>';                         if(i === 11){                             return false;                         }                     });                                   // pop our html in #images div                     $('#photos').html(htmlstring);                  }); // end getjsoon </script>

but need load 12 random photos rather latest 12, how can this?

dump them array, splice out elements @ random. since .splice() removes elements original array, won't have worry extracting same item twice.

$.getjson(ajaxurl, function(data){    var items = data.items, // array        extract = [], // array        max = 12; // number of items remove    (var i=0; i<max; i++) {      var rand = math.floor(math.random()*items.length); // random index      extract.push(items.splice(rand,1)[0]); // splice() returns array    };    // 'extract' });

Comments

Post a Comment

Popular posts from this blog

Change php variable from jquery value using ajax (same page) -

what i'm trying this: i've php global variable $currentid , simple jquery script check if there "id" (page) in hash of url , if yes wanted give value $currentid . i've been reading lot , notice shall use ajax i'm not managing it. my code is: <script type="text/javascript"> $(document).ready(function(){ if (parent.location.hash != '' ) { var thecurrentid = parent.location.hash.split('#')[1]; $.ajax({ url: 'my.php', //current page type: 'post', data: {theid: thecurrentid }, datatype: 'json', success: function () { } }); } // code here }); </script> could me please? thank in advance. php server side language, meaning once has sent data browser, php variables , data cannot changed... however, using ajax, can send request php page , change data in dom based on result. consider th...
Read more

Pull out data related to my apps from Android Play Store and iOS App Store -

i want pull out data related apps (ratings, reviews, etc) google play store , apple app store ? how can accomplish ? i have found open source apis google mentioned not reliable. also there paid apis (e.g. appfigures) available. has idea how able pull data these play stores ?? i looking direction on how can accomplish this. can suggest ? we (appfigures) have been working on developing infrastructure give ability reviews , bunch of other data points major app stores several years :] we make available via our api though may want check out.
Read more

How can I fetch data from a web server in an android application? -

i want retrieve data web server in android application, , don't know begin. should use web services? i recommend these tutorials: connect android php , mysql , json in android , php , mysqli i used these tutorials , managed trying working without difficulty. between them describe each step in how attempting @ each stage, android application, database , web server side , has information included can process , use received information the thing add connect android php , mysql tutorial makes use of mysql_ in php deprecated. better use mysqli why included third link. the basic outline of want this: 1) in android app make request server php script using class this: import java.io.bufferedreader; import java.io.ioexception; import java.io.inputstream; import java.io.inputstreamreader; import java.io.unsupportedencodingexception; import java.util.list; import org.apache.http.httpentity; import org.apache.http.httpresponse; import org.apache.http.namevaluepair...
Read more