PDA

Zobacz pełną wersję : banner na całą szerkość strony - skalowanie do wielkości okna



mikelimb
13-01-2013, 23:04
Witam,

Problem mam taki, mam banner który powinien zawsze skalować się do szerokości okna/rozdzielczości ekranu.
Obrazek powinien zmniejszać/zwiększac się wraz ze zmianą szerokości strony.

Czy istnieje jakiś moduł do tego ? Czy zostaje tylko szukanie rozwiązan w jquery i implementacja tego pod Joomla ?

Pozdrawiam,
mikelimb

Dziudek
14-01-2013, 11:29
Jeżeli baner jest w postaci obrazka to wystarczy użycie w CSS:



height: auto;
width: 100%;


Przy czym polecam zastosowanie właściwości max-width, gdyż banner na wielkich monitorach (full HD lub wyższa rozdzielczość) może wyglądać bardzo źle ze względu na rozpikselowanie.

mikelimb
14-01-2013, 21:23
Witaj,

Dziękuję za odpowiedź.

Nie zupełnie o taki efekt mi chodziło. Teraz jest tak, że wszystko się zmniejsza a banner (obrazek) jest zawsze taki sam a powinien się zmniejszać wraz z tym jak zmnienia się wielkość strony.
Czy na to jest jakieś rozwiązanie ?

Pozdrawiam,
mikelimb

souacz
14-01-2013, 22:41
@Dziudek podał Ci dobre rozwiązanie. Jeżeli Ci się nie skaluje obraz to znaczy, że musisz jeszcze zmienić wartość div, w którym jest obraz, musi być podany w procentach a nie pikselach, np. width:100%

--- Sent from Android mobile device