Hi,
I've implemented a mouse over enlarge function using Jquery. I have
added on title attribute but which works fine when the Jquery isn't
working. Once "switched on" it iplements the colours stipulated by the
CSS style sheet. I'm confused as to how I can tell it to do what it
normally does. The on page jQuery code is below. As you can see I have
set the labels to false (the function is only used once on the page).
Setting them to true does not display the labels either. Can you help
me display the title attribute in it's standard format?
jQuery(function($){
$('div.demo').each(function(i){
var opts = { align: [ 'center', 'center', 'center' ,
'center', 'center', 'center' ][i] || 'center' //default
, size: [ 85 , 60 , 60 ,
36 , 24 , 45 ][i] || 24 //default
, distance: [ 50 , 50 , 50 ,
60 , 48 , 80 ][i] || 54 //default
, coefficient : [ 1 , 1 , 1 , 1 ,
1.5 , 1.5 ][i] || 1.5 //default
, labels: [ false , 'bc' , 'bc' ,
'br' , true , false ][i] || false //default
, duration: 400
, source: (i==0 || i==6) ? function(i)
{ return (this.alt) ? false : this.src.replace(/(jpg|gif)
$/,'png'); } : false
};
$(this).jqDock(opts);
});
$('div.demo a>img').not($('#menu1 a>img')).bind('click', function()
{
var Href = $(this).parent().get(0).href;
if(Href && !/^javascript:/i.test(Href)){
location.href = Href;
}else{
$(this).parent().trigger('click');
}
return false;
});
});
