Responsive Design help needed!

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. :slight_smile:

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.