Hur hade ni gjort? (Webbutveckling, javascript, positionering)

Permalänk
Medlem

Hur hade ni gjort? (Webbutveckling, javascript, positionering)

Hej!

Jag har ett par frågor angående några projekt jag håller på med.

På första sidan som jag jobbar med är det en glödlampa som man kan släcka och tända genom ett javascript:

<script language="JavaScript"> function lightsoff(){ if (document.body){ document.body.style.backgroundImage = 'url(bgoff.jpg)'; } } function lightson(){ if (document.body){ document.body.style.backgroundImage = 'url(bgon.jpg)'; } } </script>

Nu är det så att jag vill att sidan automatiskt borde ladda in båda bakgrunderna direkt så det går att snabbt "tänder ljuset". Någon idè på hur jag kan få min sida att ladda in båda mina bakgrunder direkt då användaren går in på sidan?

Problem NR2:

Detta är en annan sida som jag jobbar med Fridas Sida!

Detta skall föreställa ett rum där det skall ligga lite olika varor på hyllorna som användaren skall kunna klicka på och läsa mer om. Min syster som jag gör sidan till vill att den ska vara i fullscreen. Alltså rummet skall täcka hela ytan i webbläsaren.
Är detta möjligt att göra? Jag tänker i banorna att göra bilden på rummet till en svd fil, alltså använda vektorgrafik så man kan skala den upp och ner utan att kvaliten försämras.
Sen undrar jag också hur jag skall göra för att placera varorna på hyllorna då rummet skalas upp och ner. Som det är nu har jag rummet fixerat till 960px vilket gör det möjligt att använda divar och tabeller till hyllor.

Hoppas någon kan hjälpa mig med synpunker på mina proejkt.

PS. ett tips till er som behöver ett ett bra Webbhotell och gratis .SE domäner kan gå in på Webbhotell Binero
Dem har ett erbjudande nu då man kan få detta för 1kr. Verkar hur bra som helst. 1år för en krona.

Ha det bra

Permalänk
Medlem
Skrivet av Nicklaz:

Hej!

Jag har ett par frågor angående några projekt jag håller på med.

På första sidan som jag jobbar med är det en glödlampa som man kan släcka och tända genom ett javascript:

<script language="JavaScript"> function lightsoff(){ if (document.body){ document.body.style.backgroundImage = 'url(bgoff.jpg)'; } } function lightson(){ if (document.body){ document.body.style.backgroundImage = 'url(bgon.jpg)'; } } </script>

Nu är det så att jag vill att sidan automatiskt borde ladda in båda bakgrunderna direkt så det går att snabbt "tänder ljuset". Någon idè på hur jag kan få min sida att ladda in båda mina bakgrunder direkt då användaren går in på sidan?

Problem NR2:

Detta är en annan sida som jag jobbar med Fridas Sida!

Detta skall föreställa ett rum där det skall ligga lite olika varor på hyllorna som användaren skall kunna klicka på och läsa mer om. Min syster som jag gör sidan till vill att den ska vara i fullscreen. Alltså rummet skall täcka hela ytan i webbläsaren.
Är detta möjligt att göra? Jag tänker i banorna att göra bilden på rummet till en svd fil, alltså använda vektorgrafik så man kan skala den upp och ner utan att kvaliten försämras.
Sen undrar jag också hur jag skall göra för att placera varorna på hyllorna då rummet skalas upp och ner. Som det är nu har jag rummet fixerat till 960px vilket gör det möjligt att använda divar och tabeller till hyllor.

Hoppas någon kan hjälpa mig med synpunker på mina proejkt.

PS. ett tips till er som behöver ett ett bra Webbhotell och gratis .SE domäner kan gå in på Webbhotell Binero
Dem har ett erbjudande nu då man kan få detta för 1kr. Verkar hur bra som helst. 1år för en krona.

Ha det bra

Problem #1
Googla på javascript preload images

Problem #2
Ja, det går att arbeta i fullscreen men precis som du säger så måste man tänka på hur webbsidan skall skalas beroende på upplösning. Med vektorgrafik blir det enklare. Fixerad bredd/höjd skall inte vara något problem. Det är förhållanden du måste tänka på. Ett till problem är att SVG inte går så bra ihop med Internet Explorer (senast jag kollade).

Det är ganska vanligt att dessa fullscreenprojekt görs i Flash. Personligen hade jag inte gjort någon fullscreen-sida alls. Bara för att användaren har stor skärm/upplösning så betyder det inte att det är önskvärt att sidan är i den storleken.

Exempel med SVG och tabeller.

Om du har en tabell med 3 rader och 3 kolumner så får du 9 celler. Om du har en SVG-bild i varje cell så vet du ju hur mycket du kan sätta som storlek på bilderna. Jag har själv inte arbetat eller ens testat SVG i browsers (pga IE stöd). Kanske är SVG-hanteringen bra i webbläsarna så de vet hur mycket de får expandera, men jag tvivlar på det. Hur som helst så kan du ta reda på användarens viewport, tabellens storlek (och därmed cellernas storlek) och då få till alla förhållanden på sidan.

Visa signatur

ηλί, ηλί, λαμά σαβαχθανί!?

Permalänk
Medlem

Problem #1: lägg bägge bilder i samma fil, använd en offset på background för att välja vilken som syns.

Visa signatur

Kom-pa-TI-bilitet

Permalänk
Medlem