Using the Flick API with Jquery plug-ins
Written by Administrator    Monday, 04 August 2008 10:04    PDF Print E-mail

This demo loads a users photos from flickr.com and applies the lightbox functions.

Here's the code that was used:

Underlying Code for this page
  1. <style>
  2. .gallery ul {
  3. list-style: none;
  4. }
  5. .gallery ul li {
  6. display: inline;
  7. padding: 2px;
  8. }
  9. </style>
  10. <script src="/includes/js/jquery-1.2.6.js" type="text/javascript"></script>
  11. <script src="/includes/js/jquerylitebox-min.js" type="text/javascript">
  12. </script>
  13. <script src="/includes/js/jquery.flickr-1.0.js" type="text/javascript">
  14. </script>
  15. <script type="text/javascript">
  16. jQuery(function(){   
  17. jQuery("#gallery-flickr").flickr({     
  18. api_key: "XXXXXXXXX", // use your own Flickr API key
  19. photoset_id: '72157606451996192',
  20. type: 'photoset',
  21. thumb_size: 't',     
  22. per_page: 5,
  23. callback: liteboxCallback   
  24. });
  25. });
  26. function liteboxCallback(el){
  27. jQuery(el).litebox({nz:'0.8em',oc:'white'});
  28. }
  29. </script>
  30. <p>
  31. This demo loads a users photos from <a href="http://www.flickr.com">flickr.com</a> and applies the lightbox functions.
  32. </p>
  33. <p id="gallery-flickr" class="gallery">
  34. </p>

 

 

Add this article to your favorite Social Bookmarking websites
Reddit! Del.icio.us! JoomlaVote! Google! Live! Facebook! StumbleUpon! Yahoo! Free social bookmarking plugins and extensions for Joomla! websites!
Comments (0)add comment
feedSubscribe to this comment's feed

Write comment
smaller | bigger

busy
Last Updated ( Monday, 11 August 2008 09:14 )
 

Your are currently browsing this site with Internet Explorer 6 (IE6).

Your current web browser must be updated to version 7 of Internet Explorer (IE7) to take advantage of all of template's capabilities.

Why should I upgrade to Internet Explorer 7? Microsoft has redesigned Internet Explorer from the ground up, with better security, new capabilities, and a whole new interface. Many changes resulted from the feedback of millions of users who tested prerelease versions of the new browser. The most compelling reason to upgrade is the improved security. The Internet of today is not the Internet of five years ago. There are dangers that simply didn't exist back in 2001, when Internet Explorer 6 was released to the world. Internet Explorer 7 makes surfing the web fundamentally safer by offering greater protection against viruses, spyware, and other online risks.

Get free downloads for Internet Explorer 7, including recommended updates as they become available. To download Internet Explorer 7 in the language of your choice, please visit the Internet Explorer 7 worldwide page.