Question

I’m working on a website which will feature, one one page, a slideshow made in Adobe Edge (exported as a .js JavaScript file). I’m also using CSS media queries to resize various elements on the site, like <div>s and fonts based on screen resolution. What I’m thinking of doing for the slideshow is creating multiple versions at different resolutions; is it possible to use CSS media queries to subsequently select the appropriate version per screen resolution?

Answer 1

Read back the value of a known CSS declaration, such as the width of the main outer element. This value will be different, based on the CSS you set up in your media query. With this you can set a JS variable to determine which version to use.