MooFlickrBadge

MooFlickrBadge + ReMooz

by Oski Krawczyk

HTML

<script src="http://blog.olicio.us/public/weblog/MooFlickrBadge-1.3.js"></script>
<script src="http://blog.olicio.us/public/weblog/MooFlickrBadge/ReMooz.js"></script>
<link rel="stylesheet" href="http://blog.olicio.us/public/weblog/MooFlickrBadge/ReMooz.css">
<div id="badge" class="badge"></div>

CSS

.badge {
    width: 300px;
    height: 225px;
    border: solid 10px #E9E9E9;
}

.badge img,
.badge a {
    float: left;
    border: none;
}

JavaScript

// MooFlickrBadge + ReMooz

new MooFlickrBadge('badge', {
    
    // amount of displayed images
    amount: 12,
    
    // return the URL of the image instead of a Flickr page
    toImage: true,
    
    // bridge ReMooz with MFB
    onComplete: function(links){
        links.each(function(link){
            new ReMooz(link, {
                centered: true,
                origin: link.getElement('img')
            });
        });
    }
});