Dynamic Update of Alt Tags on Hover

Sam Deering
Tweet

Proof of concept for changing alt tags/title tags on hover dynamically it gets picked up automatically by browsers and displayed as the usual “alt/title tooltip”. There is obviously no benefit to SEO using this but was good to prove it works. Check out me fiddle below.

dynamic-alt-tags

jsfiddle.net/a4yBR/

Browser support:
Latest chrome – yes
Latest firefox – yes
IE9 – yes
IE8 – ??

Free JavaScript: Novice to Ninja Sample

Get a free 32-page chapter of JavaScript: Novice to Ninja and receive updates on exclusive offers from SitePoint.

  • Andy Harvey

    This markup could be simplyfied with the use of html5 attribute data-*

    For example: 3
    And using jQuery like this: $(‘span[data-dynalt]‘);

    Just an idea.

    • Andy Harvey

      My markup disappeared. Retry :

      3