title: How to Replace text with an image on javascript email link
body: <p>I have an email link that uses javascript to protect the email address but I want to replace the link text with an image. How would I do this?</p>
  
  <p>This is an example what I have on my website with the words "email me" as the clickable email link which I would like to replace with an image instead:</p>
  
  <pre><code>&lt;script&gt;mail2("name","fake-email",1,"?subject=Referral from website" "Email Me")&lt;/script&gt;
  </code></pre>
  
  <p>And this is the code from the js file:</p>
  
  <pre><code>// Email.js version 5
  var tld_ = new Array()
  tld_[0] = "com";
  tld_[1] = "com.au";
  tld_[2] = "net";
  tld_[3] = "ws";
  tld_[4] = "info";
  tld_[10] = "co.uk";
  tld_[11] = "org.uk";
  tld_[12] = "gov.uk";
  tld_[13] = "ac.uk";
  var topDom_ = 13;
  var m_ = "mailto:";
  var a_ = "@";
  var d_ = ".";
  
  function mail(name, dom, tl, params)
  {
      var s = e(name,dom,tl);
      document.write('&lt;a href="'+m_+s+params+'"&gt;'+s+'&lt;/a&gt;');
  }
  function mail2(name, dom, tl, params, display)
  {
      document.write('&lt;a href="'+m_+e(name,dom,tl)+params+'"&gt;'+display+'&lt;/a&gt;');
  }
  function e(name, dom, tl)
  {
      var s = name+a_;
      if (tl!=-2)
      {
          s+= dom;
          if (tl&gt;=0)
              s+= d_+tld_[tl];
      }
      else
          s+= swapper(dom);
      return s;
  }
  function swapper(d)
  {
      var s = "";
      for (var i=0; i&lt;d.length; i+=2)
          if (i+1==d.length)
              s+= d.charAt(i)
          else
              s+= d.charAt(i+1)+d.charAt(i);
      return s.replace(/\?/g,'.');
  }
  </code></pre>