Zmniejszając okno możemy wiele elementów modyfikować za pomocą css-a. Jednak z z grafiką? np zdjęcia produktów? dlaczego duże z desktopowej wersji mają się wczytywać na telefonie ?
Na początek może wyjaśnijmy dlaczego nie powinno na stronie mobilnej pokazywać zdjęć zbyt dużych (wagowo):
- transfer w sieci GSM
- procesor w telefonie komórkowym
- sztuczne skalowanie zdjęć przez przeglądarkę internetową
Jak możemy to rozwiązać ? Tutaj z pomocą przychodzą nam skrypty JS, zamiast umieszczać standardowo w w znaczniku IMG ścieżkę do pliku graficznego, podajemy w specjalnym znaczniku kilka zdjęć z deklaracją dla jakiej rozdzielczości mają się one wyświetlać. Możemy w ten sposób inaczej kadrować zdjęcia na urządzenia mobilne a inaczej na desktopy.
Czy tylko tak to można rozwiązać ? Oczywiście że nie ale to już opisze przy następnym wpisie.
Tagi: javascript, RWD
Najnowsze wpisy
- Rozwój – integracja – modyfikacje w istniejących stronach www
- Strony Szamotuły – www, portale internetowe, wizytówki
- Sklep / katalog produktów
- Koniec 2015 – czas na podsumowanie
- Dalsze obserwacje
Kategorie
- Bez kategorii (3)
- Dodatki (6)
- Grafika (6)
- RWD (25)
- Strony www (16)
- Szamotuły (6)
Tagi
Archiwum
- Sierpień 2016 (2)
- Lipiec 2016 (1)
- Grudzień 2015 (1)
- Maj 2015 (1)
- Marzec 2015 (2)
- Styczeń 2015 (1)
- Grudzień 2014 (5)
- Listopad 2014 (10)
- Październik 2014 (9)