Ändra bakgrunden efter besökarens upplösning...

[Sharingan]

Tjenare!

 

Jag vet inte om detta går att göra ens eller om det är i JavaScript, men jag ksulle tro att det är det. Alltså min undran är låt oss säga att jag har en bakgrundsbild på min hemsida som är 1024x768, men om en besökare som har högre eller lägre upplösning så kommer detta att se konsigt ut. Finns det möjligt något sätt att kolla användarens upplösning och på så sätt anpassa backgrunden till detta?

 

MVH//Pundus

 

[Thomas Tydal]

Du kan se besökarens skärmupplösning i variablerna screen.width och screen.height men du kan inte se hur stort webbläsarfönstret är.

 

Som exempel är min skärmupplösning 1600x1200 men webbläsarfönstret är just nu 1124x764.

 

 

[Jonas__B]

Tydal:

http://www.javascripter.net/faq/browserw.htm

 

Browserfönstrets storlek

 

[Thomas Tydal]

Åh, då har man lärt sig något nytt. Det tackar vi för!

 

 

[Sharingan]

Okej, jojo nu kan jag räkna ut hur stort fönster dem har. Men om jag nu vill ha min bild "fullscreen" hela tiden då, oavsett upplösning? Man kanske kan kolla deras upplösning och därifrån ha sätt några if-satser där om deras upplösning upp fylls laddar den en annan bakgrund ? Skulle detta kunna funka tro?

 

MVH//pundus

 

[Jonas__B]

tror att http://www.paravoid.com gör så med sin site.

Nu är det iofs flash men under någongång har siten haft variabel bakgrundsbild

 

 

Först öppnar du ett nytt fönster mha länken:

<a href="javascript:void(0);" onClick="window.open('http://www.rdpslides.com/index.html', '', 
'fullscreen=yes, scrollbars=auto');">Open Full Screen Window</a>

 

Och sedan, i den nya sidan får du använda olika STYLESHEETS eller linknande

if (parseInt(navigator.appVersion)>3) {
if (navigator.appName=="Netscape") {
 winW = window.innerWidth;
 winH = window.innerHeight;
}
if (navigator.appName.indexOf("Microsoft")!=-1) {
 winW = document.body.offsetWidth;
 winH = document.body.offsetHeight;
}
}

if (winW==1024) {document.write("<LINK REL='stylesheet' HREF='style1.css'>")}
elseif (winW==800) {document.write("<LINK REL='stylesheet' HREF='style2.css'>")}

 

Tänk på att det finns MÅNGA olika upplösningar, så du får kanske göra lite olika varianter

t ex

if (winW < 1024 && winW > 800 )

[inlägget ändrat 2006-05-09 10:23:18 av Jonas_Bo]