/********************************************************** Preload Page Images - XHTML compliant version and Image Toggle Eric Dickman v1.0 - June 27, 2004 A simple function to preload all images on a page for quick use later on. A must for images used in "rollover" applications. Usage: Copy both the function and the function calls to the document's (it must be run when the document loads). When preloading for image rollovers, suffix the image_name with "_on" for the mouseover image and with "_off" for the default state image so that they may be used with the img_toggle function below. Call: preload('image_name','image_path'); ***********************************************************/ function preload(imgObj,imgSrc) { eval(imgObj+' = new Image()') eval(imgObj+'.src = "'+imgSrc+'"') } preload('news_nav_who_on','/images/fr_news_who_on.gif'); preload('news_nav_who_off','/images/fr_nav_who_off.gif'); preload('news_nav_resources_on','/images/fr_news_resources_on.gif'); preload('news_nav_resources_off','/images/fr_nav_resources_off.gif'); preload('news_nav_our_on','/images/fr_news_our_on.gif'); preload('news_nav_our_off','/images/fr_nav_our_off.gif'); preload('news_nav_what_on','/images/fr_news_what_on.gif'); preload('news_nav_what_off','/images/fr_nav_what_off.gif'); preload('news_nav_products_on','/images/fr_news_products_on.gif'); preload('news_nav_products_off','/images/fr_nav_products_off.gif'); /****************************************** Corresponding image toggle function for image rollovers. Very clean and simple method and it's easy to figure out the meaning when you see the function call. Usage: img_toggle('news', 'on'); img_toggle('news', 'off'); *******************************************/ function img_toggle(imgId, mode) { if (document.getElementById) { document.getElementById(imgId).src = eval(imgId + "_" + mode + ".src"); } else if (document.all) { document.all[imgId].src = eval(imgId + "_" + mode + ".src"); } }