onClick skift BACKGROUND-IMAGE

-- har du kun den same celle i tabellen, vil det sikkert være nemmere at angive baggrund m.v. på hele tabellen:

<table style="border:0; border-collapse:collapse; width: 150px; height: 30px; background: url(Website/KNAEGT/web_css/5_tgt11/img/1.jpg) #39f; cursor: pointer;" onclick="this.style.backgroundImage='url(Website/KNAEGT/web_css/5_tgt11/img/1_click.jpg)';blocking('menu'); return false;">
  <tr style="vertical-align:top;margin:0;padding:0;">
    <td>Menu</td>
  </tr>
</table>

okay, fedt.

kan du lave en toggle funktion? så den skifter tilbage til det oprindelige background-image ved 2. tryk?

Tjoh, det kan også gøres:

<table style="border:0; border-collapse:collapse; width: 150px; height: 30px; background: url(Website/KNAEGT/web_css/5_tgt11/img/1.jpg) #39f; cursor: pointer;" onclick="st=this.style;im=st.backgroundImage;st.backgroundImage=im.match(/_click\.jpg/)?im.replace(/_click\.jpg/,'\.jpg'):im.replace(/\.jpg/,'_click.jpg');blocking('menu'); return false;">

-- absolut utestet !-)

det kan jeg ikke umiddelbart få til at virke?

er det mon lettere at benytte en ekstern js fil?

Det betyder intet om du bruger en ekstern .js-fil, men det er da absolut anbefalelsesværdigt at bruge den slags ...

-- og som nævnt er det ikke testet, da jeg ikke har den slags billeder liggende, men du kunne måske linke til et (forsimplet !-) eksempel ?-)

vi kan bruge disse to GIFs
http://www.google.dk/images/hp0.gif og
http://www.google.dk/images/hp1.gif

<table style="width: 100px; height: 100px; background-image: url(http://www.google.dk/images/hp0.gif);">
<tr>
<td></td>
</tr>
</table>

-- i mit eksempel har jeg lagt op til, at der laves en generaliseret måde at skifte mellem de to billeder, og derfor har jeg brugt replace af værdier ...

kan vi lave den om så den bare toggler mellem to gifs?

altså med den fulde sti som i mit eksempel

lukker