12 svar · 948 visningar · startad av Klauz
Jag vill kunna anpassa bakgrundsbild beroende på besökarens skärmupplösning.. Nu ligger alla bakgrundsinställningar i en css-fil.
Det finns säkert flera sätt att fixa det på. Men hur gör man det smidigast? Jag tänkte använda filer med namn efter de olika upplösningarna typ bg_1024.jpg, bg_1280.jpg o.s.v
mvh
Martin
Detta är en bra start: Upplösning (javascript och asp)
Använd sen en villkorssats för att skriva ut bakgrundsbilden. :)
Man kan ju även använda lite CSS:
<HTML>
<HEAD>
<TITLE>Bakgrunds test
</TITLE>
<STYLE type="text/css">
#bgimage {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
background-color: #FFFFFF;
}
#bgimage IMG {
height: 100%;
width: 100%
}
#contents {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 2;
}
</STYLE>
</HEAD>
<BODY>
<DIV id="bgimage"><IMG src="background.jpg"></DIV>
<DIV id="contents">Innehåll</DIV>
</BODY>
</HTML>
Men det är ju en smaksak :)
Med vänlig hälsning
K
Krångligt att man ska behöva skapa cookies i javascript för att kunna läsa dem i ASP! ;) Men det kanske är enda sättet?
Klementin, jag får väl inte ut skärmupplösningen genom ditt script?
Använder externa css-filer och där funkar väl inte ASP-kod?
Några andra förslag?
Åh, min kod plockar inte ut någon skärmupplösning utan anpassar helt enkelt bakgrundsbilden till 100% av webbläsarfönstret, men det var kanske inte vad du var ute efter.
Mvh.
K
Ps.
Jag läste nog ditt inlägg lite slarvigt.
Ds.
klementin!
så bilden trycks ihop eller?
nä, det var inte riktigt det jag var ute efter. har ett foto som bakgrundsbild som är anpassat efter 1400*1050 upplösning. den väger rätt mkt, ca 80 kb så jag tänkte skona de med lägre upplösning genom att förminska bilden och få ner kilobyten!
nu kapas ju dessutom delar av bilden vid lägre upplösning.
Okey fattar nu. Skit i min skräpkod, det var ju inte alls vad du var ute efter. Hur ser uppbyggnaden ut?
Om du struntar i att ha externa CSS-filer för varje bakgrund så kan du ju köra något liknande:
<HTML>
<HEAD>
<TITLE>Backgrounds
</TITLE>
<HEAD>
<SCRIPT language="JavaScript" type="text/javascript">
document.write('<BODY style="background-image: url(bg_' + screen.width + '.jpg); background-position: center center; background-repeat: no-repeat; background-attachment: fixed;">');
</SCRIPT>
Innehåll
</BODY>
</HTML>
Känns som om denna tråd borde ligga i Javascript eller CSS forumet.
Det skulle ju vara underbart om man kunde sköta allt detta i en css-fil, så att man slipper gå in och ändra varje separat sida. men det kanske inte går?
Du skulle ju kunna slänga in min kod i en typ Header-fil och sen inkludera den i varje dokument, men som sagt svårt när man inte vet hur sajten/koden ser ut.
Eller så kör du en separat JS-fil som du inkluderar i alla dokument.
ja det kanske är det bästa. att lägga in din javascript-kod i en SSI-fil och ersätta bodytaggen med den?
vad tror du?
Jepp, det tror jag blir enklast.
alright kör på det! danke! :)