Ciao, potresti usare due elementi <img> sul codice html e impostarne, da css, la proprietà display come initial o none, rispettivamente per mostrare o nascondere una o l'altra immagine.
Esempio:
codice:<!DOCTYPE HTML> <html> <head> <title>Esempio</title> <meta charset="utf-8"> <style type="text/css"> #img2{display:none} @media screen and (min-width:320px) and (max-width:479px){ #img1{display:none} #img2{display:initial} } </style> </head> <body> <img id="img1" src="image1.jpg" alt="immagine 1"> <img id="img2" src="image2.jpg" alt="immagine 2"> </body> </html>
PS: fai attenzione, sul tuo codice c'è un punto e virgola che non andrebbe messo, qui:
codice:(max-width:479px;)
Rispondi quotando