toggle function not using a checkbox

[mrlk]

i have the following but would like to use a img button rather than a checkbox - is this possible?

      function toggleZoom(isChecked) {
        if (isChecked) {
        map.enableScrollWheelZoom();
      } else {
        map.disableScrollWheelZoom();
      }
    }

currently the input is:

[HTML]<input type="checkbox" onclick="toggleZoom(this.checked)" id="scrollWheelZoomToggle" value="" />[/HTML]

but i'd like to use this for example (which doesnt work):

[HTML]<input type="image" id="scrollWheelZoomToggle" src="/images/mapmenu_03.gif" width="114" height="25" value="" onClick="toggleZoom(this.checked)">[/HTML]

[gits]

hi ...

of course ... your toggle-function has to be adapted with the following:

1. pass the current img-src to the toggle-func.
2. check wheter the src is the unchecked or checked one
3. set the counterpart-img-src
4. ... your code follows here

alternativly you may use a custom attribute to store the checked-value ... but note: that makes the (X)HTML invalid ... but it would work ;)

hope i made the idea clear enough ...

kind regards

[mrlk]

i'm sorry but i havent a clue what you mean... :(

[gits]

using an image instead of a checkbox you have to simulate the ceckbox-behaviour ... or not? i think you have a pic for unchecked and one for checked state of the control, so that the user has feedback on clicking the image? ... so onclick you have to change the src of the image. the image-src now is your checked-attribute that you may ask instead of the checked-property of the original checkbox ...

kind regards