fancyapps/fancyBox — Issue #7: Override button template
Author: freshface
Created: 2011-11-22 15:04:28+00:00
State: open

I have this piece of code.
Everything works except the buttons helper template.
Is this the correct way to do it?

```
$(document).ready(function() {
$(".photogalleryLightbox li a").fancybox({
nextEffect: 'elastic', // elastic, fade or none. default: elastic
prevEffect: 'elastic',
closeBtn: false,
closeClick: false,
tpl: {
closeBtn: '

',
next: '',
prev: ''
},
helpers:
{
title: {
type: 'outside' // float, inside, outside
},
overlay: {
speedIn: 0,
speedOut: 0,
opacity: 0.85,
css: {
cursor: 'pointer',
'background-color': 'rgba(0, 0, 0, 0.85)' //Browsers who don`t support rgba will fall back to default color value defined at CSS file
},
closeClick: true
},
buttons : {
tpl: '

Previous
Play
Next
Toggle
Close

'
}
},
beforeShow: function()
{
// Get rich titles
var currentElement = this.element;
var next = $(currentElement).next();
if(next.length && next.hasClass('caption')) this.title = next.html();
//var currentIndex = this.index;
}
});
});
```