JavaScript
Article

Dynamic Update of Alt Tags on Hover

By Sam Deering

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 – ??

Sam Deering
Meet the author
Sam Deering is a Front-end Web Developer who specialises in JavaScript & jQuery. Sam is driven and passionate about sharing his knowledge to educate others.
  • 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

Recommended

Learn Coding Online
Learn Web Development

Start learning web development and design for free with SitePoint Premium!

Get the latest in JavaScript, once a week, for free.