So was wondering if it is possible to have multiple AltBrowser & AltImage for different ScreenPixelsWidth so different browser widths load different sized images?
I don't use the browsercaps feature directly like that so not as such. But there are options!
Check out how Pete Duncanson handles responsive images with ImageGen though. He had a great presentation at the last UK Festival. The ImageGen stuff is near the end.
Alt images for different screen size
Hi Doug,
I'm looking at the documentation for ImageGen and looking at the AltBrowser & AltImage and looking at the link in the doc (http://msdn.microsoft.com/en-us/library/system.web.httpbrowsercapabilities.aspx) there is a ScreenPixelsWidth property.
So was wondering if it is possible to have multiple AltBrowser & AltImage for different ScreenPixelsWidth so different browser widths load different sized images?
Thanks,
Tom
I don't use the browsercaps feature directly like that so not as such. But there are options!
Check out how Pete Duncanson handles responsive images with ImageGen though. He had a great presentation at the last UK Festival. The ImageGen stuff is near the end.
http://umbracoukfestival.co.uk/speakers/#pete-duncanson
cheers,
doug.
@Douglas,
Was this talk on the videos? Was it in the same talk that the uSiteBuilder talk was?
Carlos
@Doug,
Did you ever find a solution to this technique?
Carlos
Carlos,
I've started to use this following technique and use imagegen for the image path.
https://github.com/davemcdermid/AdaptiveImages
Thanks,
Tom
@Tom,
Does this require the use of more than 1 image to be served up?
This is kind of what I am trying to get away from, using multiple images to deal with the whole Retina display issue.
Carlos
@Tom,
Is there a way to you tell the script to ignore certain images?
@Carlos, @Tom, @Dan, Pete has made a nice blog post about responsive and ImageGen that builds on his talk at the UK Festival. Full blog post at http://offroadcode.com/blog/2013/1/31/mobile-friendly-images,-creating-responsiveadaptive-images-with-imagegen/
Hope that's helpful!
cheers,
doug.
is working on a reply...