Image change on click, changeback on click

**Racuda** · 07-23-2007, 03:56 PM

Probably a simple script, if possible...

I have a headache and can't think

, but tbh I'm not very good at creating scripts, just editing and using them.

I need a script that changes an image for example image1.gif when it's clicked to another image for example image2.gif, and when clicked again, back to image1.gif, and clicked again, image2.gif, click again image1.gif... i think you get my point. :P

If anyone can offer me any help, I would be grateful, thanks.

**Twey** · 07-23-2007, 04:39 PM

Code:

  <script type="text/javascript">
    onload = function() {
      for(var i = 0, es = document.images, n = es.length, e = es[0]; i < n; e = es[++i]) {
        var m = e.className.match(/swap\((\w+), ([\w\/\.:&#37;]+)\)/);
        if(m)
          e['on' + m[1]] = (function(n) {
            return function() {
              var oldsrc = this.src;
              this.src = n;
              n = oldsrc;
            };
          })(m[2]);
      }
      e = es = null;
    };
  </script>
</head>
<body>
  <p>
    <img alt="Something" src="image1.gif" class="swap(click, image2.gif)">

You can use as many images as you like in that format (theoretically, I haven't tested it).

**Racuda** · 07-23-2007, 05:52 PM

Thank You Very Much! Consider yourself a legend!

Thread: Image change on click, changeback on click

Thread Tools

Search Thread

Image change on click, changeback on click

Bookmarks

Bookmarks

Posting Permissions