Jump to content

Photo
* * * * * 1 votes

Skalowalne obrazy - tag <picture>


4 replies to this topic
  • Please log in to reply
zonic

    WT Elite

  • 2911 posts
    • Czas spędzony online: 134d 2h 28m 23s
472
Znakomita!
  • LocationToruń

Posted 31 March 2015 - 17:52

#1

Hej, 

spotkaliście się z elementem o nazwie <picture>? 

Ma on umożliwiać dobieranie obrazów o odpowiedniej rozdzielczości w zależności od aktualnej szerokości ekranu. Jeszcze nie jest wspierany przez przeglądarki, ale wyglądało by to tak:
 

<picture alt="Responsywne zdjęcie">
  <source src="big.jpg" media="min-width: 1200px">
  <source src="medium.jpg" media="min-width: 992px">
  <source src="small.jpg" media="min-width: 768px">
  <img src="image.jpg" alt="domyslny obraz">
</picture>

Obrazy dobierane są w zależności od spełnionego warunku wielkości ekranu. Dla przeglądarek nieobsługujących elementu picture obrazek pobierany by był ze zwykłego <img>

Co sądzicie?


  • -1

unbreak

    WT Elite

  • 1937 posts
    • Czas spędzony online: 27d 8h 43m 36s
506
Znakomita!
  • Location/home/unbreak

Posted 01 April 2015 - 13:22

#2

łooaaah ;)

 

 

 

Spoiler


  • 0

webDeveloper


zonic

    WT Elite

  • 2911 posts
    • Czas spędzony online: 134d 2h 28m 23s
472
Znakomita!
  • LocationToruń

Posted 01 April 2015 - 15:02

#3

Nie kumam emocji wyrazanych przez ten obrazek :D


  • 0

unbreak

    WT Elite

  • 1937 posts
    • Czas spędzony online: 27d 8h 43m 36s
506
Znakomita!
  • Location/home/unbreak

Posted 01 April 2015 - 15:51

#4

Aaa, nie ważne :) W każdym bądź razie tag znany już spory kawał czasu, mam nadzieję że szybko stanie się standardem :D


  • 0

webDeveloper


przemoo83

    Stary wyjadacz

  • PipPipPip
  • 316 posts
    • Czas spędzony online: 24d 21h 32m 26s
46
Bardzo dobra

Posted 03 April 2015 - 08:43

#5

Faktycznie słyszałem już o nim na kursie MVA ale na śmierć zapomniałem że takie coś istnieje. Fajny gadżet:)


  • 0





Podone tematy Collapse

1 user(s) are reading this topic

0 members, 1 guests, 0 anonymous users