Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> Proporcjonalne powiększenie diva
kkuubbaa88
post
Post #1





Grupa: Zarejestrowani
Postów: 510
Pomógł: 1
Dołączył: 27.08.2007

Ostrzeżenie: (0%)
-----


mam na stronie diva w ksztalcie prostokata 300x100 i chcialbym go teraz powiekszyc do granic przegladarki, ale proporcjonalnie... jak to zrobic, aby szerokosc byla maksymalna z mozliwych, a wysokosc proporcjonalna do niej ? macie moze jakies pomysly ?
Powód edycji: [erix] DHTML to nie AJAX, przenoszę.
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi (1 - 3)
thomas2411
post
Post #2





Grupa: Zarejestrowani
Postów: 108
Pomógł: 7
Dołączył: 15.05.2005
Skąd: Rzeszów

Ostrzeżenie: (0%)
-----


Możesz to zrobić za pomocą javascript (polecam jQuery) i zwiększyć szerokośc i wysokośc diva. A co do proporcji to wystarczy wyliczyć proporcję na podstawie szerokości i wysokości (3:1 = 3) a potem obliczać..

Np 300x100...

W Jquery sprawdzamy szerokość, np 1024

to nowa szerokosc =1024 a wysokosc 1024/3 = 341
Go to the top of the page
+Quote Post
kkuubbaa88
post
Post #3





Grupa: Zarejestrowani
Postów: 510
Pomógł: 1
Dołączył: 27.08.2007

Ostrzeżenie: (0%)
-----


ale to jest szerokosc wlasnie ekranu, a nie przegladarki (IMG:http://forum.php.pl/style_emoticons/default/smile.gif) gdy tak ustawie diva to bedzie wiekszy niz wyswietlana przestrzen i bede mial scrolle po bokach (IMG:http://forum.php.pl/style_emoticons/default/sad.gif) a chce wlasnie tego uniknac i powiekszyc na maksymalny mozliwy dla przegladarki obraz z warunkiem proporcjonalnego i maksymalnego dla jednej zmiennej dlugosci.
Go to the top of the page
+Quote Post
erix
post
Post #4





Grupa: Moderatorzy
Postów: 15 467
Pomógł: 1451
Dołączył: 25.04.2005
Skąd: Szczebrzeszyn/Rzeszów




Dajesz szerokość 100%, potem przez metodę width() obiektu jQuery pobierasz bieżącą wysokość i po krzyku.

Poza tym, co to ma do AJAX?
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 25.12.2025 - 09:37