header op background instellen

Status
Niet open voor verdere reacties.

MaikelvBeek

Gebruiker
Lid geworden
31 mei 2007
Berichten
170
ik moet voor school een website maken maar de header moet als background worden ingesteld omdat er nog een loginfunctie op de header moet verschijnen.

dus zoiets als dit gebruik ik normaal <td background= "images.header.gif"></td>

maar nu heb ik voor die header een javascript om 10 willekeurige headers te laden en nu werkt het niet meer met die background.

code:
Code:
	<tr>
		<td colspan="13">
<script language="JavaScript">
<!--

function random_imglink(){
  var myimages=new Array()
  //specify random images below. You can have as many as you wish
  myimages[1]="images/header.gif"
  myimages[2]="images/header1.gif"
  myimages[3]="images/header2.gif"
  myimages[4]="images/header3.gif"
  myimages[5]="images/header4.gif"
  myimages[6]="images/header5.gif"
  myimages[7]="images/header6.gif"
  myimages[8]="images/header7.gif"
  myimages[9]="images/header8.gif"
  myimages[10]="images/header9.gif"

  var ry=Math.floor(Math.random()*myimages.length)

  if (ry==0)
     ry=1
     document.write(' <img src="'+myimages[ry]+'" border=0>')
}

  random_imglink()
//-->
</script></td>
	</tr>

hoe kan ik de headers als background laten verschijnen zodat ik nog een loginvenster bovenop de header kan zetten.
 
Geef je td een ID, bijvoorbeeld:

HTML:
<td id="header"><!-- Hier komt je login form --></td>

Dan wordt je script (kun je wel pas aanroepen als de pagina geladen is):

[JS]
window.onload = function() {

var myimages=new Array()
//specify random images below. You can have as many as you wish
myimages[1]="images/header.gif"
myimages[2]="images/header1.gif"
myimages[3]="images/header2.gif"
myimages[4]="images/header3.gif"
myimages[5]="images/header4.gif"
myimages[6]="images/header5.gif"
myimages[7]="images/header6.gif"
myimages[8]="images/header7.gif"
myimages[9]="images/header8.gif"
myimages[10]="images/header9.gif"

var r = Math.floor(Math.rand() * myimages.length) + 1;

document.getElementById('header').style.background = 'url(' + myimages[ r ] + ')';

}
[/JS]

Met jouw oude functie kreeg je zeker nooit de header9 te zien of wel? Of kreeg je vaak zelfs überhaupt niets te zien, en als er één te zien was, was het de eerste zeker? Nou goed, zo moet het volgens mij wel werken.

[EDIT]
Je hebt het trouwens over een login-systeem, gaan jullie ook PHP gebruiken? Of gebruiken jullie het al? Want met PHP kan dit nog veel makkelijker en dan is het al wel "geschreven" voor de pagina verstuurd wordt.
[/EDIT]
 
Laatst bewerkt:
javascript header als background

ik heb al geprobeerd om bij document.write('<img src="' + myimages[ry] + '">') al document.write('<td background="' + myimages[ry] + '">') van te maken maar dat werkt helaas niet.
weet iemand hoe het wel kan?
 
Laatst bewerkt door een moderator:
okay... maar wat is je header? Een div-element? Een tabel? Iets meer uitleg (en html code) mag wel...
 
Status
Niet open voor verdere reacties.
Terug
Bovenaan Onderaan