Question

i would like to check for the window size with jquery and based on the different resolutions i would like to change the background image. So i was thinking to somehow use the “switch” statement for more cases, but i just don’t know how this would look like. This is the basic structure i want but with more options:

if ((screen.width>=1024) && (screen.height>=768)) {
 //do something
}
else {
//do something else
}

Thanks for your help.

Answer 1

The switch statement won’t let you do stuff like checking for numbers between certain values, and it won’t let you check on multiple variables, either…

So for this particular scenario, I think the best fit is actually just a list of if-elseif statements, like you’re already on your way to do.

To do “range checks” in switch is really verbose:

switch(windowWidth) {
    case 1:
    case 2:
    case 3:
    case 4:
    case 5:
        //Do something if value is less than or equal to 5
        break;
    case 6:
    case 7:
    case 8:
    case 9:
    case 10:
        //Do something if value is higher than 5 AND less than or equal to 10
        break;
    ...
    ...
}