Op deze website gebruiken we cookies om content en advertenties te personaliseren, om functies voor social media te bieden en om ons websiteverkeer te analyseren. Ook delen we informatie over uw gebruik van onze site met onze partners voor social media, adverteren en analyse. Deze partners kunnen deze gegevens combineren met andere informatie die u aan ze heeft verstrekt of die ze hebben verzameld op basis van uw gebruik van hun services. Meer informatie.

Akkoord

Vraag & Antwoord

Webdesign (HTML, CSS, Flash)

onMouseover background-image change

Anoniem
carlobernardini
4 antwoorden
  • Ik ben bezig met een nieuwe website, en nu wil ik, dat wanneer je over een bepaalde table cell gaat met de muis (onMouseover) de achtergrond afbeelding veranderd, en wanneer je er met de muis af gaat, het originele plaatje terug komt.
    Ik heb het volgende al geprobeert, wat echter niet werkte:
    [code:1:22a9883c3b]<td onMouseover="style.background-image='tweedeplaatje.gif'" onMouseout="style.background-image='origineel.gif'"></td>[/code:1:22a9883c3b]
    Dit werkte dus niet, en dit is zowieso niet een goed script, omdat XP SP2 dan gaat zeuren dat hij iets van actieve scripts verbergt oid.

    Hoe moet ik dit dan doen?

    Alvast bedankt
  • Volgens mij zou t zo wel moeten kunnen werken:
    [code:1:b110724a85]<td onMouseover="style.background-image='url(/'tweedeplaatje.gif/')'" onMouseout="style.background-image='url(/'origineel.gif/')'"></td>[/code:1:b110724a85]
    url dus

    nee, dit werkt ook niet :D


    kijk eens op http://www.lekenlinge.nl/nieuw/vak/ict/JAVASCRIPT.htm of http://www.xs4all.nl/~jeft/htmlhulp/javascript/verander_plaatje.htm
    daarmee moet t wel lukken, heb nu zelf geen tijd om t precies uiot te zoeken
  • this.backgroundImage='jouwplaatje.jpg'

    t.
  • Aaah, bedankt, ik zal het zo even uittesten.

    Dit:
    http://www.xs4all.nl/~jeft/htmlhulp/javascript/verander_plaatje.htm

    … is trouwens gewoon een copie van het Macromedia imagechange script :wink:

Beantwoord deze vraag

Dit is een gearchiveerde pagina. Antwoorden is niet meer mogelijk.