Dopasowanie grafiki do rozdzielczości ekranu i rozmiaru okna Opcje

[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

[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 (IMG:style_emoticons/default/smile.gif)

[PHP] pobierz, plaintext 
<script src="http://code.jquery.com/jquery-latest.min.js"></script>
<script>
$(function() {
   $('#tlo').css({
      'position':'absolute',
      'left' : 0,
      'top' : 0,
      'width' : $(window).width(),
      'height' : $(document).height()
      'z-index' : -1
   }).show();
});
</script>
[PHP] pobierz, plaintext 

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ć