Wednesday, 07 January 2009
Using the Flick API with Jquery plug-ins
Written by Administrator   
Monday, 04 August 2008 10:04

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!
Last Updated on Monday, 11 August 2008 09:14
 

my calendar

Adobe Flash Player version 9 is required for display of this Spongecell widget.

Please install the latest version of Adobe Flash Player from Adobe.

If you have already installed Adobe Flash Player version 9, please make sure that your browser supports javascript.