Avatar billede Skynet Mester
10. december 2017 - 14:50 Der er 1 kommentar og
2 løsninger

Nem måde at vise billede efter skærmopløsning

Hej

Jeg har et billede som jeg har en horisontal version af, (til laptop) og en vertikal version af til tablet og mobil, nogen som har en nem måde at få den til at vise "billedeV.jpg" og "billedeH.jpg"  efter skærmopløsningen?
Avatar billede keysersoze Guru
10. december 2017 - 15:02 #1
Jeg ville benytte css og ikke js til det - kig på media queries og orientation.
Avatar billede Skynet Mester
11. december 2017 - 01:19 #2
Tak, benyttede

<picture>
  <source srcset="img_smallflower.jpg" media="(max-width: 400px)">
  <source srcset="img_flowers.jpg">
  <img src="img_flowers.jpg" alt="Flowers">
</picture>
Avatar billede keysersoze Guru
11. december 2017 - 10:25 #3
Medmindre du benytter en polyfill så er css media queries bedre understøttet end picture.
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester