achtergrond aanpassen aan resolutie - Softwareontwikkeling

donderdag 20 mei 2004 16:12

Acties:

Topicstarter

ik ben een site aan het maken voor school, maar ik stuit op een probleem waarvan ik denk dat het tegenwoordig toch niet meer zo moeilijk zal zijn om dat op te lossen.

ik heb de search ook gebruikt maar wel een boel topics gevonden maar geen goed antwoord, alleen maar iets van --> "dan hebben die mensen maar pech en scrollen ze maar... o.i.d."

probleem:

ik heb dus een site gemaakt met frames.
in 1 van de frames heb ik een mooie achtergrond, maar bij mij past die achtergrond precies, en bij andere past die dus weer helemaal niet. dan zie je de helft maar

.

welke regel moet ik toevoegen aan de achtergrond om hem bij iedere resolutie goed te laten zien. dus dat je met 800*600 het zelfde ziet als bij 1024*768 ?

donderdag 20 mei 2004 16:14

Acties:

Dennis

Tja, je zult eerst hier een voorbeeld laten zien van wat er precies mis gaat. Dit is een beetje zoeken naar een speld in een hooiberg...

donderdag 20 mei 2004 16:25

Acties:

Opperhoof

Topicstarter

stel ik heb een plaatje van 1024*768en ik heb ook een scherm met een resolutie van1024*768 dan zie ik dus precies dat hele plaatje fullscreen, pas precies zonder balkjes links en rechts.

nu open jij die site en hebt een scherm met res. 800*600. jij ziet dat plaatje voor een groot deel, maar om het hele achtergrondplaatje te zien moet je naar beneden en opzij scrollen.

dat wil ik dus niet. ik wil dus dat jij ook dat plaatje full screen tezien krijgt zonder te hoeven scrollen

donderdag 20 mei 2004 16:27

Acties:

Dark Blue

Compositionista!

Alpenmeisje

Er ís een script voor, dat de schermhoogte en -breedte opmeet (via javascript) en adh daarvan dus de grootte van het achtergrondplaatje (gesitueerd in een layer) aangeeft.
Alleen, bij hoge resoluties wordt het dus een pixelboel (lelijk) en je weet maar nooit waar je background heengaat, als de resolutie zo groot wordt dat je menu en content blijven staan...

Ohja, ik vind je 'welke regel ik moet toevoegen om...' gewoon extreem n00bish klinken. Zo van 'gooi me eens een kant en klaar regeltje voor mn neus'... zo easy zijn we hier niet

heidiulrich.nl | adventura.nl : rugzakavonturen | pathwise.nl : prepping geeks to get jobs

donderdag 20 mei 2004 16:31

Acties:

Opperhoof

Topicstarter

Dark Blue schreef op 20 mei 2004 @ 16:27:
Ohja, ik vind je 'welke regel ik moet toevoegen om...' gewoon extreem n00bish klinken. Zo van 'gooi me eens een kant en klaar regeltje voor mn neus'... zo easy zijn we hier niet

sorry wist zo snel even niet hoe ik het noemen moest, en in andere topics over die probleem kon ik het ook niet vinden.

het plaatje is zelf groot genoeg om mooi te blijven bij hele hoge resoluties dus dat is het probleem niet.

ik weet dus even niet waar ik nu een antwoord voor mijn probleem kan vinden dus post ik het hier met de gedachte dat 1 van de mede-gotters een site weet waar ik dat kan vinden...

donderdag 20 mei 2004 16:32

Acties:

Verwijderd

In feite zoek je dit: [rml][ HTML] background pic full screen afhankelijk van resolutie[/rml] ?

donderdag 20 mei 2004 16:33

Acties:

WhizzCat

www.lichtsignaal.nl

Opperhoof schreef op 20 mei 2004 @ 16:31:
[...]

sorry wist zo snel even niet hoe ik het noemen moest, en in andere topics over die probleem kon ik het ook niet vinden.

het plaatje is zelf groot genoeg om mooi te blijven bij hele hoge resoluties dus dat is het probleem niet.

ik weet dus even niet waar ik nu een antwoord voor mijn probleem kan vinden dus post ik het hier met de gedachte dat 1 van de mede-gotters een site weet waar ik dat kan vinden...

kijk es op www.hotscripts.com wellicht dat je daar in de javascript sectie vindt wat je zoekt

Gezocht: netwerkbeheerder
Als je het niet aan een 6-jarige kan uitleggen, snap je er zelf ook niks van! - A. Einstein

donderdag 20 mei 2004 16:34

Acties:

airliner

Swell

je kan ten eerste nooit weten hoeveel van de breedte/hoogte zichtbaar is bij welke resolutie dan ook, denk aan toolbars/statusbars van de verschillende browsers

je kan natuurlijk de meerdere groottes van de achtergrond maken, voor elke resolutie een, dan kan je met js de scherm resolutie van de gebruiker achterhalen en deze met js schrijven of doorgeven via php oid

maar dit werkt in mijn ogen veel te omslachtig, ook is het niet prettig voor 56k gebruikers die met een grote resolutie werken, mijn tip: verzin wat anders

donderdag 20 mei 2004 16:34

Acties:

disjfa

be

en daarom gewoon topictitels in de search gooien 101 :y)

@airliner.... Waarom kan dat niet dan?

[ Voor 13% gewijzigd door disjfa op 20-05-2004 16:35 ]

disjfa - disj·fa (meneer)
disjfa.nl

donderdag 20 mei 2004 16:50

Acties:

Opperhoof

Topicstarter

<html>
<head>
<script>
function background()
{
x=window.innerWidth;
y=0.75*x;
bg = Document.getElementById("background");
bg.style.width=x;
bg.style.height=y;
}

</script>
<style>
#background { position: absolute; top: 0; left: 0; z-index:0;}
</style>
</head>
<body onload="background()">
[img]"img/background.png"[/img]



</body>
</html>

deze zou ook moeten werken maar doet het toch niet helemaal zoals die zou moeten

[ Voor 24% gewijzigd door Opperhoof op 20-05-2004 17:00 ]

donderdag 20 mei 2004 16:55

Acties:

Juicy

Opperhoof schreef op 20 mei 2004 @ 16:50:
[img]"img/background.png"[/img]

deze zou ook moeten werken alleen weet ik niet waar ik de link naar mn plaatje moet zetten

Ben je serieus ?!

-

donderdag 20 mei 2004 17:01

Acties:

blizt

Wannabe-geek

Vul 't 'ns in bij src? Da's de afkorting van source ... en daar staat dus al een URL

United we stand, and divided we fall

donderdag 20 mei 2004 17:02

Acties:

MuddyMagical

Opperhoof schreef op 20 mei 2004 @ 16:50:

<body onload="background()">
[img]"img/background.png"[/img]

deze zou ook moeten werken maar doet het toch niet helemaal zoals die zou moeten

misschien achter src=

donderdag 20 mei 2004 17:04

Acties:

Opperhoof

Topicstarter

ja ok dat nu gevonden maar hij doet nog niet wat ik wil, zal zo even stukje v/d site posten

http://home.zonnet.nl/ystarreveld/site.html

dit is dus een voorbeeld, ik draai nu zelfop 1024*768 maar bij mij is het plaatje dus ook al tegroot

[ Voor 46% gewijzigd door Opperhoof op 20-05-2004 17:11 ]

donderdag 20 mei 2004 17:15

Acties:

blizt

Wannabe-geek

Ik draai 1280x1024, en 't plaatje is te klein ...
Bij jou: hij is precies 1024*768, dat is je hele scherm ... maar hier gaan scrollbars, niet volledig gemaximaliseerd venster etc. nog van af hè

United we stand, and divided we fall

donderdag 20 mei 2004 18:57

Acties:

Opperhoof

Topicstarter

ja, dat is dus het probleem en mijn vraag, hoe krijg ik het zo dat dat plaatje zich netjes over de hele pagina spreid zonder dat je hoeft te scrollen....?

donderdag 20 mei 2004 18:58

Acties:

blizt

Wannabe-geek

Kan je hem niet op width/height van 100% gooien?

United we stand, and divided we fall

donderdag 20 mei 2004 19:05

Acties:

Opperhoof

Topicstarter

volgens mij heb ik hem nu, heb nog is lopen zoeken en nu dit script gebruikt:

<script language="JavaScript">
function makeIm() {
NS4=(document.layers);
IE4=(document.all);
scaleWidth = true;
scaleHeight = true;
imSRC = "achtergrond.bmp";
if (NS4) {
origWidth = innerWidth;
origHeight = innerHeight;}
function reDo() {
if (innerWidth != origWidth || innerHeight != origHeight)
location.reload();}
if (NS4) onresize = reDo;
if (IE4) onresize = reDoIE;
function reDoIE(){
imBG.width = document.body.clientWidth;
imBG.height = document.body.clientHeight;}
winWid = (NS4) ? innerWidth : document.body.clientWidth;
winHgt = (NS4) ? innerHeight : document.body.clientHeight;
imStr = "<div id=elBGim"
+ " style='position:absolute;left:0;top:0;z-index:-1'>"
+ "<img name='imBG' border='0' src="+imSRC;
if (scaleWidth) imStr += " width="+winWid;
if (scaleHeight) imStr += " height="+winHgt;
imStr += "></div>";
document.write(imStr);}
makeIm();
</script>

en die werkt:

http://home.zonnet.nl/ystarreveld/site.html
dat is een voorbeeld voor wat ik dus wilde

anyway thanks voor de reacties $_/-\o_$

donderdag 20 mei 2004 19:17

Acties:

Dark Blue

Compositionista!

Alpenmeisje

Je kan natuurlijk ook voor de easy way out gaan

zet je horizon recht, knip hem zo dat de zon exact in het midden valt en hou het dingetje dus op1024x768 ofzo. Maak een layer die je verticaal en horizontaal centreert (hierover zijn topics te vinden) (centreer dus niet dmv. center tags) en ram die foto erin.

als je nu je scherm verkleint zal je gebied 'water' steeds kleiner worden, maar die zon blijft in het midden en het beeld blijft nagenoeg hetzelfde

heidiulrich.nl | adventura.nl : rugzakavonturen | pathwise.nl : prepping geeks to get jobs

vrijdag 21 mei 2004 11:58

Acties:

Opperhoof

Topicstarter

Dark Blue schreef op 20 mei 2004 @ 19:17:
Je kan natuurlijk ook voor de easy way out gaan

zet je horizon recht, knip hem zo dat de zon exact in het midden valt en hou het dingetje dus op1024x768 ofzo. Maak een layer die je verticaal en horizontaal centreert (hierover zijn topics te vinden) (centreer dus niet dmv. center tags) en ram die foto erin.

als je nu je scherm verkleint zal je gebied 'water' steeds kleiner worden, maar die zon blijft in het midden en het beeld blijft nagenoeg hetzelfde

uhm volgens mij ben ik daar veel langer mee bezig dan even dat script in mn site plakken....

vrijdag 21 mei 2004 12:22

Acties:

Minos111

Als je nou zo iets doet:

code:

<html>
 <head>

 <style>

 img.back
 {
    width: 100%;
    height: 100%;
    z-index: 0;
 }

 </style>
 </head>

 <body>

 [img]"ms3.gif"[/img]

 </body>
</html>

... dan ben je van het hele javascript gelazer af. Het enige jammere eraan is dat de breedte en hoogte van je background niet ge-constraind worden. Maar dat is in je javascript ook al niet het geval. In ieder geval is dit een stuk korter en bovendien xhtml compatible...

[ Voor 26% gewijzigd door Minos111 op 21-05-2004 12:57 ]

vrijdag 21 mei 2004 22:01

Acties:

Opperhoof

Topicstarter

ja maar het geeft verder niet dat het java-script is, ik vond gewoon dat scriptje op internet en dacht even proberen, en hij deed wat ik wilde, maakt mij verder eigenlijk niet zoveel uit hoelang het is.
het is namelijk voor een praktische opdracht voor anw, presentatie + site = >85mb dus wat maken die paar regels script nou uit