Grafika dopasowująca się do wielkości diva

[wopas]

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

[Kartofelek]

1) w css procenoto
2) w jquery ustawiasz width() i height()

[wopas]

1) w css procenoto
2) w jquery ustawiasz width() i height()

To 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.

Moja strona jest bardzo płynna nawet jak zmniejszę ją na pół ekranu i dam odśwież dopasowuje się do takiego okna

[Kartofelek]

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 ;]

[wopas]

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