jquery title attribute text pop-up hide

Question

I'm currently using the title attribute of my 'a' tag to show and hide images that correspond with this tag.

However, when you hover on the 'a' there is the annoying title text that pops up.

Can I disable this pop-up text with out completely disabling the title attribute? ANy help is great!

Cheers,

DanC

-----edit------

here is the working code which passes as xhtml strict!!!!

$(document).ready(function(){

$(\"ul.projects li a\").hover(
    function(){

    var largeAlt = $(this).attr(\"class\");

    $(\"ul.image_display li#image_hover img\").attr({ src: largeAlt }); 
    $(\"ul.image_display li#image_hover img\").fadeIn();

},
    function(){

    $(\"ul.image_display li#image_hover img\").attr({ src: \"\" }); 
    $(\"ul.image_display li#image_hover img\").fadeIn();

});

});

Answer 1

You can try using your own custom attributes instead of using the "title" attribute.

<a customtagattribute="some value" id="link1" href="#">Linkety!</a>

EDIT: JSON key value pairs can also be used like this -

var links = { "link1": "attribute value 1", "link2": "attribute value 2", ... };

Answer 2

Not really, it's the way the browsers are supposed to behave. If you want to map this data, you might want to establish a Javascript data structure that defines the mappings separately. I'm not sure if there is a good semantic way to establish the relationship.