Hoe spreid je een plaatje over de achtergrond van je page? - Softwareontwikkeling

woensdag 11 september 2002 16:10

Acties:

Verwijderd

Topicstarter

Hey gasten hoe kan je ook al weer een plaatje/ jpgbestand helemaal laten uitspreiden over de achtergrond van je website?
ik heb nu <body background="druppel.jpg" maar nu krijg ik dat plaatje 4 keer naast elkaar das niet de bedoeling natuurlijk. Aangezien het 4 jaar voor het laatst htmlen was

woensdag 11 september 2002 16:20

Acties:

André

Analytics dude

[search=background, spreiden]
www.google.com

woensdag 11 september 2002 16:25

Acties:

Verwijderd

Topicstarter

Nee ik weet dat het niet zo moet het moet anders en ik heb niks aan ald ie javascript code ik heb het gewoon over een plaatje als achtergrond hebben met een filter capacity ofzo ik ben het weer helemaal vergeten terwijl het nu voor het echie voor een bedrijf is

woensdag 11 september 2002 17:01

Acties:

Dark Blue

Compositionista!

Alpenmeisje

http://www.cir3.nl
Ga daarvan eens in de HTML code kijken, als je al eerder gehtml'd hebt lijkt het me geen probleem om de code voor de background eruit te rippen.

Dit is notabene gisteren nog in een topic geweest!

En dat het voor een bedrijf is: juist om die reden zou ik het NIET zo cheap aanpakken met een gespreide achtergrond, dat komt zoals je op cir3 ziet, heel goedkoop over (het kan ook aan het brakke jpeg'je daar liggen)

Bovendien heet het css filter 'opacity' en geen 'capacity' .... je hebt in deze oplossing wél javascript code nodig om de hoogte en breedte van het scherm te berekenen...

met css kun je ook background-repeat: repeat-y / repeat-x / no-repeat aangeven, maar ik weet niet of dat browserproof is.

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

woensdag 11 september 2002 17:39

Acties:

Verwijderd

hmm das vaag... de achtergrond verandert alleen mee bij het resizen

als je em eerst kleiner maakt, en dan naar beneden scrollt, blijft die achtergrond vastzitten

woensdag 11 september 2002 17:45

Acties:

drm

f0pc0dert

Dark Blue:
maar ik weet niet of dat browserproof is.

Ik denk wel dat 't tegen een browser kan, hoor

Music is the pleasure the human mind experiences from counting without being aware that it is counting
~ Gottfried Leibniz

woensdag 11 september 2002 17:46

Acties:

HunterPro

drm schreef op 11 september 2002 @ 17:45:
[...]

Ik denk wel dat 't tegen een browser kan, hoor

donderdag 12 september 2002 09:49

Acties:

Verwijderd

Topicstarter

Dark Blue schreef op 11 september 2002 @ 17:01:
http://www.cir3.nl
Ga daarvan eens in de HTML code kijken, als je al eerder gehtml'd hebt lijkt het me geen probleem om de code voor de background eruit te rippen.

Dit is notabene gisteren nog in een topic geweest!

En dat het voor een bedrijf is: juist om die reden zou ik het NIET zo cheap aanpakken met een gespreide achtergrond, dat komt zoals je op cir3 ziet, heel goedkoop over (het kan ook aan het brakke jpeg'je daar liggen)

Bovendien heet het css filter 'opacity' en geen 'capacity' .... je hebt in deze oplossing wél javascript code nodig om de hoogte en breedte van het scherm te berekenen...

met css kun je ook background-repeat: repeat-y / repeat-x / no-repeat aangeven, maar ik weet niet of dat browserproof is.

Ok maar wat ik hier zie is javascript. Welk stukje daarvan heeft invloed op de grote van de achtergrond?
Ja sorry het was 4 jaar terug maar een project van 4 weken dus dat is heel snel gegaan

donderdag 12 september 2002 10:45

Acties:

InZane

Verwijderd schreef op 12 september 2002 @ 09:49:
[...]

Ok maar wat ik hier zie is javascript. Welk stukje daarvan heeft invloed op de grote van de achtergrond?
Ja sorry het was 4 jaar terug maar een project van 4 weken dus dat is heel snel gegaan

Hierzo:

code:

 <script language="JavaScript">
function makeIm() {
NS4=(document.layers);
IE4=(document.all);
scaleWidth = true;
scaleHeight = true;
imSRC = "indexbg.jpg";
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>

Lijkt me niet zo moeilijk toch?

Maareh je wil dus iemand met een hoge resolutie tegen een berg pixels aan laten kijken?

donderdag 12 september 2002 10:45

Acties:

RM-rf

1 2 3 4 5 7 6 8 9

aangezien dit een instituut betreft dat diensten voor bedrijven en werknmers verzorgd, vind ik wel degelijk dat dit script schade toebrengt als je het in en 'verkeerde' browser inlaad:
kwestie van brak scripten:

code:

  <script language="JavaScript">
function makeIm() {
NS4=(document.layers);
IE4=(document.all);
scaleWidth = true;
scaleHeight = true;
imSRC = "indexbg.jpg";
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>

checken op browsernaam, of de ondersteunen van een DOm -model is onwenselijk:
als je window.innerwidth wilt gebruiken is het een stuk slimmer om gewoon op het bestaan van window.innerWidth te checken ipv op document.layers, dat verder niet gerelateerd is an window.innerWidth;

nog belangrijker is, waarom ga je moeilijk doen met javascripten?

code:

1
2
3

<div style="position:absolute; top:0px; left:0px; width:100%; height: 100%; z-index:-1">
   [img]"blaat.png"[/img]
</div>

voldoet ook, is een stuk makkelijker, begrijpelijker, werkt beter en ik voel ik me als herboren nu ik het zelf gebruik..., Mike!

Intelligente mensen zoeken in tijden van crisis naar oplossingen, Idioten zoeken dan schuldigen

donderdag 12 september 2002 10:48

Acties:

InZane

Dark Blue schreef op 11 september 2002 @ 17:01:
Bovendien heet het css filter 'opacity' en geen 'capacity' .... je hebt in deze oplossing wél javascript code nodig om de hoogte en breedte van het scherm te berekenen...

En opacity heeft ook nog eens niks met de grootte te maken..

donderdag 12 september 2002 10:54

Acties:

Verwijderd

Topicstarter

InZane schreef op 12 september 2002 @ 10:48:
[...]

En opacity heeft ook nog eens niks met de grootte te maken..

duh dat weet ik wel. Ik wil het gebruiken als een soort fliter, want dat is het. Dat je zo'n soort witte waas over het plaatje krijg, zo weinig weet ik ook weer niet

donderdag 12 september 2002 11:19

Acties:

RM-rf

1 2 3 4 5 7 6 8 9

Verwijderd schreef op 12 september 2002 @ 10:54:
[...]

duh dat weet ik wel. Ik wil het gebruiken als een soort fliter, want dat is het. Dat je zo'n soort witte waas over het plaatje krijg, zo weinig weet ik ook weer niet

dan helpt dit ja vast verder:
http://msdn.microsoft.com...r/reference/reference.asp

(en nee filter:alpha(opacity=XX) is dan niet de juiste)

Intelligente mensen zoeken in tijden van crisis naar oplossingen, Idioten zoeken dan schuldigen

donderdag 12 september 2002 11:37

Acties:

InZane

Verwijderd schreef op 12 september 2002 @ 10:54:
[...]

duh dat weet ik wel. Ik wil het gebruiken als een soort fliter, want dat is het. Dat je zo'n soort witte waas over het plaatje krijg, zo weinig weet ik ook weer niet

Als je wil dat het in alle browsers goed werkt, kun je er beter in photoshop een witte layer overheen gooien en dan wat met de opacity gaan spelen totdat je het leuk vindt

donderdag 12 september 2002 11:40

Acties:

Verwijderd

Topicstarter

InZane schreef op 12 september 2002 @ 11:37:
[...]

Als je wil dat het in alle browsers goed werkt, kun je er beter in photoshop een witte layer overheen gooien en dan wat met de opacity gaan spelen totdat je het leuk vindt

Dat kan ook, maar in het bedrijf waar ik BPV = stage loop is het voor een intrawebsite. De explorers die ze gebruiken zijn IE 5.5 en die werkt altijd wel goed toch?
Ok ik hoor het anders wel
laterz

donderdag 12 september 2002 11:43

Acties:

InZane

Verwijderd schreef op 12 september 2002 @ 11:40:
[...]

Dat kan ook, maar in het bedrijf waar ik BPV = stage loop is het voor een intrawebsite. De explorers die ze gebruiken zijn IE 5.5 en die werkt altijd wel goed toch?
Ok ik hoor het anders wel
laterz

Dan moet het inderdaad prima werken!

donderdag 12 september 2002 11:55

Acties:

Verwijderd

Topicstarter

maar InZane ik weet zeker dat het zonder die code die jij mij hebt gegeven die zo uitgebreid is ook lukt vroeger deed ik het altijd met een paar regels

donderdag 12 september 2002 12:18

Acties:

Verwijderd

InZane schreef op 12 september 2002 @ 10:45:
[...]

Maareh je wil dus iemand met een hoge resolutie tegen een berg pixels aan laten kijken?

True. Als ik met 1600 x 1200 full screen ga kijken wordt het een feest als het een background is van 640 x 480 (wat al vrij groot is om in te laden voor de gemiddelde modem gebruiker).

donderdag 12 september 2002 14:17

Acties:

Bosmonster

*zucht*

En echt mooi wordt het imho ook niet.. niet alleen door de grootte.. maar ook doordat je hele andere verhoudingen in je scherm kan hebben als het plaatje.. waardoor die behoorlijk ranzig kan worden

donderdag 12 september 2002 16:32

Acties:

Verwijderd

Dat kan ook, maar in het bedrijf waar ik BPV = stage loop is het voor een intrawebsite. De explorers die ze gebruiken zijn IE 5.5 en die werkt altijd wel goed toch?
Ok ik hoor het anders wel
laterz

BPV... zucht** we zitten in hetzelfde schuitje