2 replies [Last post]
lurcher
lurcher's picture
Offline
Regular
UK
Last seen: 3 years 22 weeks ago
UK
Timezone: GMT+1
Joined: 2008-10-30
Posts: 30
Points: 14

This question is in relation to responsive design. For anything below 480px that is viewing my site I want the slideshow replaced with a static image. I haven't got a clue how to do this though!

Would I need to add the image to the stylesheet with display: none and then for the media query tell it to display?

I'm a newbie to media queries so please be nice Smile

Tony
Tony's picture
Offline
Moderator
Brisbane
Last seen: 3 days 5 hours ago
Brisbane
Timezone: GMT+10
Joined: 2003-03-12
Posts: 5342
Points: 2963

Hi lurcher, Yes, you could do

Hi lurcher,
Yes, you could do it that way.

It could be nice to do it some server side way so the images aren't downloaded both times.
Or possibly use javascript to load the correct image after the screen size has been determined.

lurcher
lurcher's picture
Offline
Regular
UK
Last seen: 3 years 22 weeks ago
UK
Timezone: GMT+1
Joined: 2008-10-30
Posts: 30
Points: 14

Thanks Tony Server side and

Thanks Tony

Server side and javascript - will have to ask a friend about those as they are not my speciality!