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; }); });