Pagina 1 van 1

in javascript ene plaatje oproepen

Geplaatst: 29 dec 2004, 13:31
door sukkelaap
Kijk, ik heb niet echt verstand van javascript maar ik heb wel een standaard menu gevonden waar de achtergrond van kleur veranderd.

Dit staat nu op 1 plek:

Code: Selecteer alles

obj.style.backgroundColor = Kleur; 
Ik wil daar graag een afbeelding van maken, kan dit?

Ik zat te dneken aan zoiets:

Code: Selecteer alles

obj.style.background-image = images/plaatje.gif; 
Dit is het scriptje:

Code: Selecteer alles

<script type="text/javascript"> 
//verander hieronder de kleuren
var OverKleur = "#000000"; // Dit is de kleur waar het menu naar moet vervagen 
var Kleur = "#575757"; // Dit is de normale kleur van de cel na de mouse-over

function Vervaag(){ if(!document.all) return; 
var obj = event.srcElement; 
while(obj.tagName!="TD") obj=obj.parentElement; 
   obj.filters[0].Apply(); 
   obj.style.backgroundColor = OverKleur; 
   obj.filters[0].Play(); } 

function VaagUit(){ 
if(!document.all) return; 
var obj = event.srcElement; 
while(obj.tagName!="TD") obj=obj.parentElement; 

if (event.fromElement.contains(event.toElement)||obj.contains(event.toElement)) return 
   obj.filters[0].Apply(); 
   obj.style.backgroundColor = Kleur;  
   obj.filters[0].Play(); } 
</script> 

Geplaatst: 29 dec 2004, 14:47
door Bas
Deze functie vond ik:

Code: Selecteer alles

function setBackgroundImage( layer, imageUrl ) {
	if( document.getElementById ) {
		document.getElementById( layer ).style.backgroundImage = "url("+imageUrl+")";
	} else if( document.all ) {
		document.all[layer].style.backgroundImage = "url("+imageUrl+")";
	} else {
		document[layer].background.src = imageUrl;
	}
}
Dat is een functie, die roep je aan met:

Code: Selecteer alles

setBackgroundImage('idvandiv', 'url/van/plaatje.gif');

Geplaatst: 29 dec 2004, 14:51
door Bee
Dit maakt gebruik van het Document Object Model.

Nu moet ik even gaan kijken wat ook alweer de DOM property was voor de background Image....

okee, gevonden

obj.style.backgroundImage = images/plaatje.gif;

de kans is groot dat het werkt