Prilagajanje css resoluciji zaslona

9 naročnikov

hej

uporabljam rahlo prilagoditev cssa glede na resolucijo zaslona. Tukaj je skripta, ki sem jo našel na enem forumu ko sem googlal:

<link rel="stylesheet" type="text/css" media="screen" href="majhen.css" />
<script type="text/javascript">

<!--

if (screen.width >1200)

  link = document.getElementsByTagName("link")[0];

  link.href = "velik.css";

-->

</script>

Vse štima, ko je resolucija manjša od 1200, prikaže majhen.css, ko pa je večja, pa velik.css. Kako bi sedaj dodal v to kodo, da takrat ko pa je manjša od 1200 in večja od 1000 pa prikaže srednji.css ?

hvala za pomoč

perunpro, ful sem ti hvaležen za tvojo pomoč ampak nisem razumel čisto nič :$

kako bi ti naredil vse skupaj? (prosim upoštevaj da je moje znanje javascript 0)

Tole meni deluje, malo sem še polepšal kodo, prej pa je bil najbrž problem samo v oklepajih, ki jih nisi imel pri if stavkih:

<link rel="stylesheet" type="text/css" media="screen" href="majhen.css" />

<script type="text/javascript">

<!--

link = document.getElementsByTagName("link")[0];
if (link != null)
{
   if (screen.width >1150) link.href = "velik.css";
   else if (screen.width < 1150 && screen.width > 850) link.href = "srednje.css";
   else if (screen.width < 850 ) link.href = "majhen.css";
}
-->

</script>

Pa če nekdo samo zmanjša okno, ali pa ima bookmarkse vključene, mora zato imet sliko veliko 1150px? Poglej mal na google kako do širine trenutnega vidnega polja in ne širine screena.

BTW: naloži en osnoven CSS, če se dimenzije tega CSSja razlikujejo od že naloženega popravi CSS, sicer pusti obstoječega.

Ker niti ne vem, kaj vse se sploh misli s tem css-jem spreminjati, se nisem spuščal v podrobnosti, ampak samo v delovanje tega primera s prejšnje strani.

Glede BTW pa se strinjam, da je v zgornjem primeru spodnja vrstica čisto odveč in se ne potrebuje, ker se že tako ali tako naloži po defaultu majhen.css.

else if (screen.width < 850 ) link.href = "majhen.css";

dela, hvala! Je pa potrebna tista vrstica zgoraj, ker drugače ne naloži cssa nobenega

še enkrat hvala za pomoč!!!

edit: tukaj pa še zadeva v akciji za vse ki ste pomagali :D Prej kot sploh vidi stranka :P Spreminja se centralna slika, vsebine se še dodelujejo: http://www.tarokbar.eu/test/

Ta vrstica je potrebna?

else if (screen.width < 850 ) link.href = "majhen.css";

uh, mistake, never mind :D my bad lol

Opa, sploh nisem videl 2. strani te teme.
Še moj primer, ki spreminja css dinamično glede na širino okna.