1. Works:
  2. <div id="mapOhio"> <img id="myImage" src="<?php bloginfo('template_url'); ?>/images/ohioMap.png" width="253" height="285" alt="Image of a map of Ohio." usemap="#image_map" border="0"/> </div>
  3.  
  4. <!--[if lte IE 8]>
  5. <script>
  6. $("#myImage").attr("src", "/wp-content/themes/TRTheme/images/Chester-4317.jpg");
  7. </script>
  8. <![endif]-->
  9.  
  10.  
  11. Doesn't work:
  12. <div id="mapOhio"> <img id="myImage" src="<?php bloginfo('template_url'); ?>/images/ohioMap.png" width="253" height="285" alt="Image of a map of Ohio." usemap="#image_map" border="0"/> </div>
  13.  
  14. <!--[if lte IE 8]>
  15. <script>
  16. $(document).ready(function(){
  17. $("#myImage").attr("src", "/wp-content/themes/TRTheme/images/Chester-4317.jpg");
  18. }
  19. </script>
  20. <![endif]-->