Home/ Questions/Q 104453
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-11T01:17:02+00:00

I’m using jquery.flickr-1.0.js to search flickr for images in my application. The problem i’m

  • 0

I’m using jquery.flickr-1.0.js to search flickr for images in my application. The problem i’m facing is that sometimes it takes a few seconds for flickr to respond with results and i want to load a spinning gif in place of my search button ‘btnRefresh’ until the results are returned. How can I accomplish this?

jQuery(function(){        jQuery('.btnRefresh').livequery('click', function(){         var number = $(this).attr('id');         $('#gallery_flickr_'+number+'').show();         jQuery('#gallery_flickr_'+number+'').html('').flickr({                   api_key: 'XXXXXXXXXXXXXXXXXXXX',                  per_page: 18,             search_text: $('input#flickr_search_'+number+'').val(),             id: $(this).attr('id')         });     });  });
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. the flickr plugin supports a callback property in its options. So, you could just display the spinner before calling flickr and then in the callback hide it.

    jQuery(function(){        jQuery('.btnRefresh').livequery('click', function(){         $('#spinner').show();          var number = $(this).attr('id');         $('#gallery_flickr_'+number+'').show();         jQuery('#gallery_flickr_'+number+'').html('').flickr({                   api_key: 'XXXXXXXXXXXXXXXXXXXX',                  per_page: 18,             search_text: $('input#flickr_search_'+number+'').val(),             id: $(this).attr('id'),             callback: function() {                 $('#spinner').hide();             }         });     });  });

    That ought to do it… assuming you have something in your page called spinner that is by default hidden.

    • 0