CODEWITHSUNDEEP
iphonecssmobilemedia-queriesresponsive-design
Jack Marchetti
Jack Marchetti

Reputation: 15754

Limit images from loading on a mobile version of a site

I'm currently building a mobile version of a site.

Not a separate domain (mobile.example.com) but a respnosive approach (using media queries to load certain CSS for screen size)

However, I can't seem to figure out how to reduce the "page size".

The desktop version of my site includes a jquery slider plugin, which slides through five relatively large, high res images. My mobile side does not include that. However, those images continue to be loaded when the mobile version is built.

I've set their display property to none, but this still loads the images.

So how can I, whether through javascript or another type of media query, specify what files should and should not be loaded?

Upvotes: 0

Views: 326

Answers (1)

benklocek
benklocek

Reputation: 119

There's a great article at SmashingMagazine.com "Responsive Web Design Techniques, Tools and Design Strategies" that rounds up many of the ways developers have tried to tackle this issue.

That said, there is not one "best practice" yet.

Upvotes: 1

Related Questions