Question

My client is not too crazy about the tooltip you see when you hover on images in browsers like Safari.

The tooltip displays the title attribute in the img tag, which WordPress forces you to have. Removing the title value from the tag (easy to do with jQuery) still shows you a blank tooltip.

So I don’t need a solution that does this:

<img title=" " src="foobar.png" />

I need a solution that does this:

<img src="foobar.png" />

I have searched all over the Internet, and the answers that come close don’t seem to work. I believe it can be done by overriding the WordPress core function that generates the image tags.

Answer 1

If you want a straight JavaScript solution this should work:

var imgs = document.getElementsByTagName('img');
for (var i = 0; i < imgs.length; i++) {
  imgs[i].removeAttribute('title');
}