Just nu i M3-nätverket
Jump to content

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


Sharingan

Recommended Posts

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

 

Link to comment
Share on other sites

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.

 

 

Link to comment
Share on other sites

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

 

Link to comment
Share on other sites

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]

Link to comment
Share on other sites

Archived

This topic is now archived and is closed to further replies.



×
×
  • Create New...