Hoe vervang ik hex bg kleuren door afbeeldingen in JavaScript?

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

Technisch Ontwerper / Applicatie Ontwikkelaar

Technisch Ontwerper / Applicatie Ontwikkelaar Actief Als Technisch Ontwerper / Applicatie Ontwikkelaar kom je te werken voor of bij onze gerenommeerde klanten op projecten of opdrachten van omvang en formaat. Je bent verantwoordelijk voor het omzetten van functionele specificaties naar een technisch ontwerp, het ontwerp van programmaspecificaties voor toepassingen, de realisatie van (gewijzigde) programmaonderdelen en databestanden van toepassingen en de technische systeemtest van applicatietoepassingen. Daarnaast geef je vorm aan webpagina’s en applicaties, stel je gebruikersdocumentatie op en verleen je ondersteuning bij het oplossen van productiefouten. Tevens ben je verantwoordelijk voor het samenstellen en onderhouden van de applicatie c.q. programmadocumentatie. Wie

Bekijk vacature »

Technisch Ontwerper / Applicatie Ontwikkelaar

Technisch Ontwerper / Applicatie Ontwikkelaar Actief Als Technisch Ontwerper / Applicatie Ontwikkelaar kom je te werken voor of bij onze gerenommeerde klanten op projecten of opdrachten van omvang en formaat. Je bent verantwoordelijk voor het omzetten van functionele specificaties naar een technisch ontwerp, het ontwerp van programmaspecificaties voor toepassingen, de realisatie van (gewijzigde) programmaonderdelen en databestanden van toepassingen en de technische systeemtest van applicatietoepassingen. Daarnaast geef je vorm aan webpagina’s en applicaties, stel je gebruikersdocumentatie op en verleen je ondersteuning bij het oplossen van productiefouten. Tevens ben je verantwoordelijk voor het samenstellen en onderhouden van de applicatie c.q. programmadocumentatie. Wie

Bekijk vacature »

Maurice prive

Maurice prive

05/01/2011 23:33:10
Quote Anchor link
Ik heb de volgende codelines in mijn javascript:
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
var colors = ["#F08", "#0B8", "#04F", "#FD0", "#808", "#F20"];

Deze geven de achtergrondkleur van mijn DIV's. De var wordt alleen hier gebruikt:
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
7
8
9
10
11
12
13
function activateItems(callback) {
 var itemsActivated = false;
 for (var i=0;i<cfg.rows;++i) for (var j=0; j<cfg.cols; ++j) {
 var item = itemAt(i,j);
 if(!item) continue;
 if (item.deleted>0) {
 item.style.background=colors[Math.floor(Math.random()*colors.length)];
 itemsActivated = true;
 }
 }
 if (itemsActivated)
 animateAppear(callback ? callback : findPatterns);
}

en hier:
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
7
8
9
function animateDecor() {
 if(state == 'init' || state == 'game') return;
 for (var i=0;i<cfg.rows;++i) for (var j=0;j<cfg.cols;++j) {
 var item = document.getElementById("decor_"+i+"_"+j)
 if(!item) continue;
 item.style.background=colors[Math.floor(Math.random()*colors.length)];
 }
 animation = setTimeout(animateDecor, 120);
}

Dit werkt allemaal perfect, alleen wil ik geen hex (#) kleuren als achtergrond gebruiken, maar plaatjes. Deze zijn te vinden in: images/blue.png, images/red.png, etc. Maar hoe verander ik dit? Heb verschillende dingen al geprobeerd zoals backgroundImage:url , maar helaas zonder resultaat.

Ik denk dat de oplossing vrij simpel is, alleen zie ik hem niet....

Many thanks

edit: vertaald naar Nederlands
Gewijzigd op 06/01/2011 00:54:53 door Maurice prive
 
PHP hulp

PHP hulp

08/03/2021 04:27:06
 
- SanThe -

- SanThe -

05/01/2011 23:45:08
Quote Anchor link
Maurice prive op 05/01/2011 23:33:10:
vraag is in het engels,


En wat is het nut daar van op een Nederlands forum?
 
Kris Peeters

Kris Peeters

07/01/2011 12:30:23
Quote Anchor link
Zo-iets?

document.getElementById("mijn_div_id").style.background = "url(mijn_afbeelding.gif)";

EDIT:
Ja, juist. Negeer dit maar; zie post hier onder
Gewijzigd op 07/01/2011 13:10:57 door Kris Peeters
 
Mark L

Mark L

07/01/2011 12:39:32
Quote Anchor link
Even W3Schools raadplegen:
Linkje();

JavaScript syntax: object.style.backgroundImage="url(stars.gif)"

Dus:
document.getElementById("mijn_div_id").style.backgroundImage = "url(mijn_afbeelding.gif)";
 



Overzicht Reageren

 
 

Om de gebruiksvriendelijkheid van onze website en diensten te optimaliseren maken wij gebruik van cookies. Deze cookies gebruiken wij voor functionaliteiten, analytische gegevens en marketing doeleinden. U vindt meer informatie in onze privacy statement.