Autor Zpráva
tomikl59
Profil *
Ahoj,
snazim sa robit web a uz viac krat som sa stretol s problemom, kt sa moze zdat jednoduchy a to, aby sa pozadie prisposobovalo rozliseniu monitora... neviem ako na to, skusal som viac technich co som vygooglil ale nesla mi ani jedna...

mozte nejak poradit?

Moderátor Davex: Tvůj projev je špatně srozumitelný, piš prosím s diakritikou.
Bubák
Profil
tomikl59:
skusal som viac technich co som vygooglil ale nesla mi ani jedna...
V tom případě jsi dělal něco špatně a nikdo neuhádne, co to bylo. Pokud nepřijdeš s konkrétním problémem s živou ukázkou, tak to asi nikdo neporadí.

Mimo téma, neviděl jsem HTML stránky, pokud nepočítám dema vytvořené pouze pro tento účel, kde by se pozadí přizpůsobovalo rozlišení monitoru, přesněji velikosti viewportu.
tomikl59
Profil *
no skusal som to cez jquery, ale s jc nemam ziadne skusenosti... sksual som zo stranky http://css-tricks.com/766-how-to-resizeable-background-image/ ale nepodarilo sa mi...

Robim takuto stranku, pre chmeliarsku firmu
http://www.creogroup.sk/crea/new/header.php

potrebujem aby sa pozadie prisposobovalo nasledovne:
http://www.creogroup.sk/crea/new/vzor.jpg

bude pozostavat z viacerych divov
tomikl59
Profil *
vedel by mi niekto poradit ?
Ugo
Profil *
Známej to nedávno dělal, zkusim poslat jak asi :D

var bg_home_340 = 'http://pantour.cz/w_resources/img/background/trio_340.jpg';
var bg_home_600 = 'http://pantour.cz/w_resources/img/background/trio_600.jpg';
var bg_home_700 = 'http://pantour.cz/w_resources/img/background/trio_700.jpg';
var bg_home_800 = 'http://pantour.cz/w_resources/img/background/trio_800.jpg';
var bg_home_900 = 'http://pantour.cz/w_resources/img/background/trio_900.jpg';
var bg_home_1000 = 'http://pantour.cz/w_resources/img/background/trio_1000.jpg';
var bg_home_1080 = 'http://pantour.cz/w_resources/img/background/trio_1080.jpg';


$(document).ready(function(){
	
	function resizeby() {
	
		minheight = ($(window).height()-($('header').height()+$('footer').height()+41-105));
		if ( minheight < 435 ) {
			minheight = 435;
		}
		$("#content").css('min-height', minheight);
		
		/* Background */
		if ( page == 'home' ) {
			if ( $(window).height() >= 1000 ) {
				$('body').css('background','#f4e8d8 url('+bg_home_1080+') no-repeat top center');
			} else if ( $(window).height() >= 935 ) {
				$('body').css('background','#f4e8d8 url('+bg_home_1000+') no-repeat top center');
			} else if ( $(window).height() >= 875 ) {
				$('body').css('background','#f4e8d8 url('+bg_home_900+') no-repeat top center');
			} else if ( $(window).height() >= 800 ) {
				$('body').css('background','#f4e8d8 url('+bg_home_800+') no-repeat top center');
			} else if ( $(window).height() >= 700 ) {
				$('body').css('background','#f4e8d8 url('+bg_home_700+') no-repeat top center');
			} else if ( $(window).height() >= 675 ) {
				$('body').css('background','#f4e8d8 url('+bg_home_600+') no-repeat top center');
			} else {
				$('body').css('background','#f4e8d8 url('+bg_home_340+') no-repeat top center');
			}
		} else if ( (page == 'destinace') || (page == 'faq') ) {
			$('body').css('background','#f9eac8 url('+bg_chairs+') no-repeat top center');
		} else if ( (page == 'zajezdy') || (page == 'platby') || (page == 'kontakt') ) {
			$('body').css('background','#f9eac8 url('+bg_kids+') no-repeat top center');
		}
		
	}
	
	resizeby()
	$(window).resize(function() {
		resizeby()
	});
	setInterval(resizeby(), 10000);
	
});
tomikl59
Profil *
a toto sa ma pisat na hlavicky? <head> </head>
Z3NTIVA
Profil
zkus to napsat do externího souboru javascriptu :)
tomikl59
Profil *
no neviem moc pracovat s javascriptom, co vsetko ma obsahovat ten externy subor?

Vaše odpověď

Mohlo by se hodit


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm:

0