« »

This simple and short JavaScript can be used to delay the loading of any particular image on a Web page. A smaller image is loaded, which can be transparent or blank, in place of the larger image. After a designated amount of time the larger image can be made to load in place of the smaller one.

Label: delayer, image, delay, load, transparent

Report to us error of this JavaScript

Demo
Enlarge
Reload
New window

Code
JavaScript
HTML
Print

Copy All x2

<script type="text/javascript">
// Created by: Sandeep Gangadharan | http://www.sivamdesign.com/scripts/
function runBanner() {
  // change the name of the image below
  document.getElementById('banner').src='large_img.gif'; }
  // change the number on below to adjust the time the image takes to load
  window.setTimeout("runBanner()", 5000);
</script>
	<!--
    	This script downloaded from www.JavaScriptBank.com
    	Come to view and download over 2000+ free javascript at www.JavaScriptBank.com
	-->

Copy All x2

<img src="small_img.gif" border="0" id="banner" />
	<!--
    	This script downloaded from www.JavaScriptBank.com
    	Come to view and download over 2000+ free javascript at www.JavaScriptBank.com
	-->