Jag fixar detta i CSS, mest för att få ner laddningstiden i mobiler eftersom det inte finns någon anledning att ha bilder över 1000px för dessa besökare.
HTML
Citat:
<img src="bild-1200px.jpg" class="desktop">
<img src="bild-600px.jpg" class="mobile">
|
CSS
Citat:
img.desktop {visibility: hidden; display: none;}
img.mobile {visibility: visible; display: inline;}
@media only screen and (max-width: 520px) {
img.desktop {visibility: hidden; display: none;}
img.mobile {visibility: visible; display: inline;}
}
|