+- Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów (https://www.webmastertalk.pl)
+-- Dział: Technologie internetowe - tworzenie stron WWW (https://www.webmastertalk.pl/forum-technologie-internetowe-tworzenie-stron-www)
+--- Dział: Początkujący webmaster (https://www.webmastertalk.pl/forum-poczatkujacy-webmaster)
+--- Wątek: Grafika dopasowująca się do wielkości diva (/thread-grafika-dopasowujaca-sie-do-wielko%C5%9Bci-diva)
Grafika dopasowująca się do wielkości diva - wopas - 07-02-2011
Witam na forum
Tworzę poziomą stronę tz. strona bez względu na rozdzielczość zajmuje 100% ekranu bez przewijania. Strona jest podzielona na 3 paski poziome menu na górze, grafika po środku i opis na samym dole.
Na początku miałem problem ale już sobie poradziłem przetestowałem i wszystko działa na różnych rozdzielczościach. I teraz problem, w środkowym div-ie będzie miejsce na miniaturę grafik jednak ten div się automatycznie będzie zmieniał (jego wielkość) w zależności od rozdzielczości ekranu jak sprawić by grafika sama się do niego dopasowała tz. proporcjonalnie zmniejszyła gdy będzie trzeba.
ps. do pisania strony używam tylko HTML, CSS i JavaScript
RE: Grafika dopasowująca się do wielkości diva - Kartofelek - 07-02-2011
1) w css procenoto
2) w jquery ustawiasz width() i height()
RE: Grafika dopasowująca się do wielkości diva - wopas - 07-02-2011
(07-02-2011, 04:53)Kartofelek napisał(a): 1) w css procenotoTo nie zdaje egzaminu bo tak jak pisałem wielkość miejsca na obraz się zmienia a ustawienie np. w CSS 100% powoduje ustawienie obrazka w jego rzeczywistym rozmiarze i po zmniejszeniu okna przeglądarki jest on przycięty ... to musi być oparte na proporcjach. W sumie jestem już blisko rozwiązania tego problemu.
2) w jquery ustawiasz width() i height()
Moja strona jest bardzo płynna
nawet jak zmniejszę ją na pół ekranu i dam odśwież dopasowuje się do takiego okna
RE: Grafika dopasowująca się do wielkości diva - Kartofelek - 07-02-2011
a w atrybutach img?
Teraz dodatkowe pytanie:
Czy twoja strona dobrze bedzie wyswietlala sie na urzadzeniach przenosnych? I czy nie tracisz na jakosci?
Bo grafika dobrze wygladajaca na 1024 niekoniecznie bedzie dobrze wygladala na 1600 ;]
RE: Grafika dopasowująca się do wielkości diva - wopas - 07-02-2011
O urządzeniach mobilnych na razie nie myślę bo trudno na nich galerię zdjęć oglądać a taka będzie moja strona, ewentualnie w przyszłości ale wtedy będzie to specjalna strona wczytywana gdy strona wykryje, że będzie to urządzenie o małym wyświetlaczu.
Co do grafiki to będzie miała ona ogranicznik, że powyżej jakiejś rozdzielczości już się powiększać nie będzie.
PS. tytułowy problem rozwiązałem równaniem matematycznym i skryptem javascript który oblicza wysokość ekranu i w zależności do niego ustala parametry width i height img w proporcjach do siebie.
Ps.2 Mam jednak kolejny problem z funkcją animate tylko nie wiem czy mogę kontynuować w tym wątku bo nie pasuje ten problem do tytułu wątku