in javascript ene plaatje oproepen

Praat mee over van alles en nog wat!
Forumregels
Dit forum is voor alle zinnige gesprekken buiten phpBB om. Discussies en gesprekken over interessante onderwerpen.

Een nieuw onderwerp moet..:
  • uiteraard voldoen aan de algemene voorwaarden
  • niet passen in de gewone supportfora
  • interessante zijn voor het overgrote deel van onze gebruikers
  • een neutrale of positieve ondertoon hebben
  • anders zijn dan bestaande onderwerpen
Plaats reactie
sukkelaap
Berichten: 1345
Lid geworden op: 03 dec 2003, 19:09
Locatie: Zeist

in javascript ene plaatje oproepen

Bericht door sukkelaap » 29 dec 2004, 13:31

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> 

Gebruikersavatar
Bas
Berichten: 2741
Lid geworden op: 02 dec 2003, 17:38
Locatie: Omgeving Goslar (Duitsland)
Contacteer:

Bericht door Bas » 29 dec 2004, 14:47

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');

Gebruikersavatar
Bee
Berichten: 13403
Lid geworden op: 29 aug 2004, 10:30

Bericht door Bee » 29 dec 2004, 14:51

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
... Maar ik modereer (nog) niet.

Plaats reactie