Skocz do zawartości

Zdjęcie
* * * * * 1 głosy

Skalowalne obrazy - tag <picture>


4 odpowiedzi w tym temacie
  • Zaloguj się, aby dodać odpowiedź
zonic

    WT Elite

  • 2 911 postów
    • Czas spędzony online: 134d 2h 28m 23s
472
Znakomita!
  • LocationToruń

Napisano 31 marca 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

  • 1 937 postów
    • Czas spędzony online: 27d 8h 43m 36s
506
Znakomita!
  • Location/home/unbreak

Napisano 01 kwietnia 2015 - 13:22

#2

łooaaah ;)

 

 

 

Spoiler


  • 0

webDeveloper


zonic

    WT Elite

  • 2 911 postów
    • Czas spędzony online: 134d 2h 28m 23s
472
Znakomita!
  • LocationToruń

Napisano 01 kwietnia 2015 - 15:02

#3

Nie kumam emocji wyrazanych przez ten obrazek :D


  • 0

unbreak

    WT Elite

  • 1 937 postów
    • Czas spędzony online: 27d 8h 43m 36s
506
Znakomita!
  • Location/home/unbreak

Napisano 01 kwietnia 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 postów
    • Czas spędzony online: 24d 21h 32m 26s
46
Bardzo dobra

Napisano 03 kwietnia 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

Użytkownicy przeglądający ten temat: 0

0 użytkowników, 0 gości, 0 anonimowych