Invalid HTML5 document - Img rel attribute

grahamor

Hi,

I have a simple HTML5 web page that isn't validating when checking on the W3C site.

The 3 error's are all relating to rel attribute on images :
Attribute rel not allowed on element img at this point.

I am using the Nivo Slider for an image gallery and i need to specify the rel attribute of the image for the large version of the image.

Does anyone have any suggestions on how i can get around this issue ?

Thanks in advance.

Giblet

Can you update it manually to use a data attribute?

Giblet

I just tried it there.
In the JS file.
Replace all references to attr('rel') and change them to data('thumb')
Then change any rel= to data-thumb=

Then pack the source and import the new JS file into your page.

grahamor

Thanks Giblet,

Ill give that suggestion a try.

tom_odoherty

This might be a bit of a workaround, rather than a fix, but...

Is there any way to switch the rel attribute to an anchor tag surrounding the image instead? That would validate, and would also probably result in code that was more semantically accurate.

Giblet

That's probably better, if the fallback was a list of thumbs that linked to bigger images (Say, if javascript was disabled).