Hello,
I’m not new to responsive design, css3 media query,s. fluid grids, BUT, the big but:confused:
I have this rotating JavaScript image banner that I am going to use on a site,
and want to know how, and the best way to not show or disable it (the javaScript) and the images at the lower resolutions IE: 480 and below.
The images are in an HTML list?
Why can’t you just set the element to display:none using a media query for the smaller devices?
Or if you are building for mobile up then set it to display none by default and then just enable it with display:block for larger screens.
This is kind of off topic, but it seems a bit mean to me to get mobile users to download the images and not even get to see them.
There are some galleries out there now that are responsive, meaning that they will display nicely on a mobile device. So that may be worth considering.