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 book: Jump Start HTML5 Basics

Grab a free copy of one our latest ebooks! Packed with hints and tips on HTML5's most powerful new features.

  • 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