CSS3 - Selezionare diversa immagina a seconda risoluzione

[tonytaekwondo]

Carissimi esperti,
volevo sapere se esiste - e se si come si fa - un sistema, magari tramite media query, che carica una diversa immagina a seconda della risoluzione.
Conosco già il sistema di ridimensionamento dell'immagine al cambiamento della risoluzione, a me invece interessa caricarne una diversa a seconda della risoluzione (es. fino a 300px immagine1.jpg oltre quella risoluzione voglio caricare immagine2.jpg).

Un ringraziamento in anticipo a coloro i quali mi risponderanno.

[Prill]

sì, puoi farlo con le media queries. Esempio:

  #mioelemento {
    background-image: ...
  }

@media all and (max-width: 480px) and (min-width: 320px) {
  #mioelemento {
    background-image: ...
  }
}

naturalmente potrai impostare le regole anche solo col max-width o il min-width e aggiungerne altre per dimensioni diverse (puoi leggere anche la guida qui sul sito sull'uso delle media queries)

[tonytaekwondo]

Carissimo Prill,
grazie mille per la tua risposta. Sei stato breve ed esaustivo. Ciao!