Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: Dopasowanie grafiki do rozdzielczości ekranu i rozmiaru okna
Forum PHP.pl > Forum > Po stronie przeglądarki
Ravik
Witam,

W jaki sposób mogę napisać kod tak aby grafika, która ma 1600px szerokości automatycznie dopasowywała się do rozmiaru okna i rozdzielczości danego użytkownika? Czy jest to możliwe, bez pisania skryptu JS lub PHP? Nie obchodzi mnie to, że jakość zostanie znacznie pogorszona, po prostu potrzebuję takiego rozwiązania.

Będę wdzięczny za jakiekolwiek wskazówki, gdyż w googlu nie znalazłem nic interesującego.

Pozdrawiam,
Ravik
erix
style="width:100%".
Kartofelek
Masz 2 rozwiązania (a właściwie ciut więcej):
1) CSS3 http://www.css3.info/preview/background-size/ (cover)
2) ustawiasz w tle obrazek : position:fixed; top:0; lefT:0; width:100%; height:100%

Jeżeli nie chcesz fixed w 2 sposobie, wtedy musisz już kombinować. Będziesz musiał wykryć wysokość dokumentu ( $(document).height() ) i wtedy ustawić to obrazkowi. Samo ustawienie height na 100% nic ci nie da. Chyba że mocno pokombinujesz z CSS height 100% (w google znajdziesz przykłady), ale to nie zawsze wychodzi smile.gif

  1. <script src="http://code.jquery.com/jquery-latest.min.js"></script>
  2. <script>
  3. $(function() {
  4. $('#tlo').css({
  5. 'position':'absolute',
  6. 'left' : 0,
  7. 'top' : 0,
  8. 'width' : $(window).width(),
  9. 'height' : $(document).height()
  10. 'z-index' : -1
  11. }).show();
  12. });
  13. </script>


To oczywiście skrypt do 2 przypadku. Najlepiej oczywiście takiemu obrazkowi z CSS dać display:none, a dopiero po wczytaniu dokumentu (czyli jak ten skrypt zostanie odpalony) go pokazywać
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.