login  Naam:   Wachtwoord: 
Registreer je!
 Forum

[JS/CSS] backgroundImage (Opgelost)

Offline shibble - 26/02/2008 17:19
Avatar van shibbleMySQL interesse Hallo allemaal,

ik zit met het volgende probleem.
Zodra ik over een dropdownmenu ga krijg ik het dropdownmenuutje, dat werkt goed alleen hij wilt de backgroundImage niet zetten misshcien iemand hier die het probleem weet?

menu.js
http://plaatscode.be/5787/

in me index.html:
http://plaatscode.be/5788/

in me style.css:
http://plaatscode.be/5789/

Wat doe ik fout?

Mvg,

shibble

1 antwoord

Gesponsorde links
Offline BramBo - 26/02/2008 18:31 (laatste wijziging 26/02/2008 18:31)
Avatar van BramBo JS gevorderde al je al wat getest?
dus bijv na de set een get uit te voeren en deze in een alert weer te geven: alert(menu.style.backgroundImage);

Probeer eens:
  1. menu.style.backgroundImage = "url('../images/menu_news_mouseover.gif')";


is de referentie naar de afbeelding goed? controleer dit d.m.v. de alert - het is trouwens beter volledige urls te gebruiken in javascript dus http://www.domein.nl/plaatje.gif.

Verder lijkt het me een goed idee om je script uit te breiden om het iets efficiënter te laten lopen.
Dus preloads in window.onload - beter is nog DOMLoaded.
preload:
  1. var menuOver, menuOut;
  2. window.onload = function() {
  3. menuOver = new image(100,100); //breedte,hoogte
  4. menuOut = new image(100,100);
  5.  
  6. menuOver. src = "http://www.domein.nl/images/menu_news_mouseover.gif";
  7. menuOut. src = "http://www.domein.nl/images/menu_news.gif";
  8. }


en om het dan helemaal compleet te maken kan je de id fetches ook nog in je window.onload plaatsen:
  1. var menu;
  2. window.onload = function() { // deze en eerdere nog samenvoegen
  3. menu = document.getElementById('menu');
  4. }
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.362s