Hi guys,
Since I added some mootools code into an attached .js file, my Slimbox
won't display the image comment stored into the img's title attribute.
Here's the code :
<pre>
window.addEvent('domready', function(){
var customTips = $$('.image a');
var toolTips = new Tips(customTips, {
//this will set how long before
//the tooltip will wait to show up
//when you mouseover the element
//in milliseconds
showDelay: 100, //default is 100
//this is how long the tooltip
//will delay bofore hiding
//when you leave
hideDelay: 100, //default is 100
//this will add a wrapper div
//with the following class to your tooltips
//this lets you have different styles of tooltips
//on the same page
className: 'anything', //default is null
//this sets the x and y offets
offsets: {
'x': 100, //default is 16
'y': 16 //default is 16
},
//this determines whether the tooltip
//remains staitionary or follows your cursor
//true makes it stationary
fixed: true, //default is false
//if you call the functions outside of the options
//then it may "flash" a bit on transitions
//much smoother if you leave them in here
onShow: function(toolTipElement){
//passes the tooltip element
//you can fade in to full opacity
//or leave them a little transparent
toolTipElement.fade(.8);
$('show').highlight('#FFF504');
},
onHide: function(toolTipElement){
toolTipElement.fade(0);
$('hide').highlight('#FFF504');
}
});
});
</pre>
What should i do, in order to make the Slimbox work properly?
Thanks a lot!