Thursday, June 23, 2011 at 11:59 AM Posted by oces

Free Blogger template: throughout.

You may download this template here for free. But please do not remove coyright and backlinks on footer section.


This test blog using my Flickr account, to change to your Flickr find this line:
id: '43927853@N03'
change value in quote to your Flickr ID.

Image on slide are set to 726x335, I suggest you edit your image on your Flickr album this dimension. It set on jQuery section, find this line:

$(this).append("<div class='slide'>
<img src='" + item.image + "' alt='' width='726' height='335' /><span>'" + item.title + "'</span></div>
");


Number of images is set by this line:
limit: 6,
You may set it to show how many image on slide, but please consider page load.

Full jQuery lines to set slide show:

$(document).ready(function(){

$('.reel').jflickrfeed({
limit: 6,
qstrings: {
id: '43927853@N03'
},
useTemplate: false,
itemCallback: function(item){
$(this).append("
<div class="slide">
<img alt="" height="335" src="&quot; + item.image + &quot;" width="726" />'" + item.title + "'</div>
");
}
},function(data){
$('#foobar').slidertron({
viewerSelector:   '.viewer',
reelSelector:   '.viewer .reel',
slidesSelector:   '.viewer .reel .slide',
navPreviousSelector: '.previous',
navNextSelector:  '.next',
navFirstSelector:  '.first',
navLastSelector:  '.last'
});
});

});


And yes, please visit my blog www.galuhpakuan.com if you have any question on template implementation. Please do not comment here, since this is only testing blog :)