Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [jquery] Dynamiczne skalowanie zawartosci strony w zaleznosci od rozdzielczosci
Forum PHP.pl > Forum > Po stronie przeglądarki
swiezak
Witajcie.
Mam takie pytanie do obeznanych w temacie: zalezy mi, aby dopasowac zawartosc strony (boks z menu nawigacyjnym, boks z trescia artykulu, zdjecie ustawione jako tlo) do rozdzielczosci ekranu uzytkownika - jak tego dokonac przy uzyciu jQuery?
W skrocie, chce osiagnac efekt, ktory przy rozdzielczosci ekranu 1024x768 px, jak rowniez 1920x1080px pozwoli przeskalowac elementy na stronie internetowej.
Znajdujaca sie strona internetowa pod adresem: http://webgroup.pl/wnetrze zostala stworzona w oparciu o technologie Flash. Tutaj nie ma problemu ze skalowaniem. W zaleznosci od rozdzielczosci ekranu uzytkownika elementy na stronie dynamicznie zmieniaja swoje "gabaryty". Jak tego dokonac, wykorzystujac biblioteke jQuery?

Prosilbym o podpowiedzi i wskazowki.
sowiq
http://www.zachstronaut.com/posts/2009/08/...tate-scale.html tu masz plugin jQuery, dzięki któremu możesz łatwo zrobić skalowanie do 150%:
[JAVASCRIPT] pobierz, plaintext
  1. $('body').scale(1.5)
[JAVASCRIPT] pobierz, plaintext


Dalej na podstawie oryginalnej szerokości i aktualnej szerokości okna przeglądarki obliczasz sobie skalę i podajesz ją jako argument metody, jak powyżej. Oczywiście musisz wziąć pod uwagę, że używany tutaj atrybut CSS 'transform' występuje w CSS3, więc nie wszystkie przeglądarki sobie z nim poradzą.
viking
Poczytaj raczej o media queries. http://www.w3.org/TR/css3-mediaqueries/
sowiq
@viking, IMO nie chodziło o Responsive Design, tylko płynne skalowanie całej strony - jak w podanym flashowym przykładzie.
swiezak
Dzieki za wszelkie wskazowki.
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.