title: How can I load only certain images on certain screen sizes?
body: <p>I regards to responsive design, if I have a set of large background images that fade between each other on large screen sizes and have them hidden on smaller screen sizes do they still load on the smaller screen sizes? I don't want to use unnecessary bandwidth if the images aren't going to show. It seems that they do not load on my computer, but it is difficult for me to test for every possible setup. If they do load and not show by default, is there any way to fix that? Also, I'd like this to work without having to use javascript, if possible.</p>