title: Javascript image viewer not working in internet explorer
body: <p>I have made a similar kind of image viewer mentioned in below site for my website.
  <a href="http://www.javascriptkit.com/script/script2/backbox/" rel="nofollow noreferrer">http://www.javascriptkit.com/script/script2/backbox/</a>
  The image viewer is working fine in Chrome but not working in Internet Exlporer;
  I have not given my website details for security reasons but you view the issue by copy pasting below link in Chrome and Internet Explorer.
  <a href="http://www.javascriptkit.com/script/script2/backbox/" rel="nofollow noreferrer">http://www.javascriptkit.com/script/script2/backbox/</a></p>
  
  <p><strong>Click the Image in above link and see the error in internet explorer &amp; see the same in other browser to see its working condition...</strong>
  <strong>PFB snap shot</strong></p>
  
  <p>Could any one of you tell why is not working in internet explorer ? </p>
  
  <p>Error Msg from IE F12 devolper tools console area is :</p>
  
  <blockquote>
    <p>SCRIPT5007: Unable to get value of the property 'replace': object is
    null or undefined  effects.js, line 1 character 1747</p>
    
    <p>effects.js =
    <a href="http://www.javascriptkit.com/script/script2/backbox/js/effects.js" rel="nofollow noreferrer">http://www.javascriptkit.com/script/script2/backbox/js/effects.js</a></p>
  </blockquote>
  
  <p>If you need sample js files, please get that from <a href="http://www.javascriptkit.com/script/script2/backbox/backboxfiles.zip" rel="nofollow noreferrer">http://www.javascriptkit.com/script/script2/backbox/backboxfiles.zip</a></p>
  
  <p>HTML used is; </p>
  
  <pre><code>&lt;link rel="stylesheet" href="backbox.css" type="text/css" /&gt;
  &lt;script type="text/javascript" src="js/prototype.compressed.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" src="js/scriptaculous.js?load=effects"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" src="js/lightbox.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" src="js/dhtmlHistory.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" src="js/customsignsheader.js"&gt;&lt;/script&gt;
  
  &lt;div onclick="dhtmlHistory.add('location1',{message: 'backbox'});countdown()"&gt;
  &lt;a href="images/babyhand.jpg" rel="lightbox[slide]" caption="A Bunch of Grapes"&gt;
  &lt;img src="images/sunset.jpg" alt="lime" width="400" height="300" border="0" /&gt;&lt;/a&gt;
  &lt;/div&gt;
  
  &lt;a href="images/desert.jpg" rel="lightbox[slide]" caption="Sunflower"&gt;&lt;/a&gt;
  &lt;a href="images/beech.jpg" rel="lightbox[slide]" caption="Dolphin"&gt;&lt;/a&gt;
  &lt;a href="images/lime.jpg" rel="lightbox[slide]" caption="Waterfall"&gt;&lt;/a&gt;
  
  &lt;script type="text/javascript" src="js/customsignsfooter.js"&gt;&lt;/script&gt;
  </code></pre>
  
  <p><img src="https://i.stack.imgur.com/TixpM.png" alt="enter image description here"></p>