|
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
-
<style>
-
.gallery ul {
-
list-style: none;
-
}
-
.gallery ul li {
-
display: inline;
-
padding: 2px;
-
}
-
</style>
- <script src="/includes/js/jquery-1.2.6.js" type="text/javascript"></script>
-
<script src="/includes/js/jquerylitebox-min.js" type="text/javascript">
-
</script>
-
<script src="/includes/js/jquery.flickr-1.0.js" type="text/javascript">
-
</script>
-
<script type="text/javascript">
-
jQuery(function(){
-
jQuery("#gallery-flickr").flickr({
-
api_key: "XXXXXXXXX", // use your own Flickr API key
-
photoset_id: '72157606451996192',
-
type: 'photoset',
-
thumb_size: 't',
-
per_page: 5,
-
callback: liteboxCallback
-
});
-
});
-
function liteboxCallback(el){
-
jQuery(el).litebox({nz:'0.8em',oc:'white'});
-
}
-
</script>
-
<p>
-
This demo loads a users photos from <a href="http://www.flickr.com">flickr.com</a> and applies the lightbox functions.
-
</p>
-
<p id="gallery-flickr" class="gallery">
-
</p>
|
 |
|
Last Updated ( Monday, 11 August 2008 09:14 )
|
Subscribe to this comment's feed
