Using Javascript to Display Responsive Images?

[ShearingsGroup]

Hi

We're making our new website responsive and are thinking of using a solution that would resize the images using javascript.

So the image would be displayed like this <div data-src="/img/200x100.png">div>

depending on what size fits the screen

Is is okay for SEO? Or do we also need a fall back that doesn't use javascript?

Thanks

[canterburry]

It would be generally recommended you also include a

<noscript><img src=""></noscript>

section for crawlers and other visitors without JavaScript turned on. I would have at least hoped your solution would use the element rather than a completely non-standard

approach to display images.

Not sure what library, provider or script you are using but maybe check out a responsive image service like Pixtulate who would actually allow you to use a standard img tag and still accomplish what you are looking to do.

[GPainter]

Google's not great at crawling java but its getting better however if its for images Google's not super great at images either so if you make good use of the alt tag you should be good for helping Google work out its a photo etc.

I would more think of a fallback for if the user doesn't have java installed etc.