« »

Click on the image-link and you will be blown right into the desired webpage. You won't believe it. This is not Dynamic HTML. This is Dynamite HTML. Made for IE5x.

Label: explosive, link, onMouseover, blown, DHTML, IE5x

Report to us error of this JavaScript

Demo
Enlarge
Reload
New window

Code
JavaScript
HTML
Print

Copy All x2

<SCRIPT>
<!-- Beginning of JavaScript -
// CONFIGURATION:
// You need only one image besides the script. You don't have
// to slice the image yourself! DynamiteLink will do the slicing-job for you.
// Configure the script as follows:
// 1. 	Copy and paste the two script-blocks into your HTML-file:
// 		Put the first script-block inside the head-zone of your HTML-file.
//		Put the second script-block right at the end of the body-zone.
// 2.	Put your link-image in the same directory as the HTML-file.
// 3. 	Put 'onLoad="initiate()"' inside the body tag.
// 4. 	Configure the variables below:
		
// The width of your image (pixels)
var imgwidth=240

// The height of your image (pixels)
var imgheight=150

// The URL of the sliced image
var imgurl="logojs.gif"

// The URL of the redirection link
var redirurl="http://javascriptbank.com"

// Final horizontal position of the image: distance to the left margin of the window
var x_finalpos=240

// Final vertical position of the image: distance to the top margin of the window
var y_finalpos=80

// Number of sliced cells (the higher this number the slower the script)
var x_slices=8

// Number of sliced rows (the higher this number the slower the script)
var y_slices=8

// Speed of explosion
var pause=10

// Do not change the variables below
var marginright
var width_slice=Math.floor(imgwidth/x_slices)
var height_slice=Math.floor(imgheight/y_slices)

var cliptop=0
var clipbottom=height_slice
var clipleft=0
var clipright=width_slice
var spancounter=0
var x_random=new Array()
var y_random=new Array()
var max_explsteps=15
var i_explsteps=0

function initiate() {
	spancounter=0
	for (i=0;i<=y_slices-1;i++) {
		for (ii=0;ii<=x_slices-1;ii++) {
			x_random[spancounter]=Math.ceil(240*Math.random())-120
			y_random[spancounter]=Math.ceil(240*Math.random())-120
			spancounter++
		}
	}
	
}

function explode_IE() {
	spancounter=0
	if (i_explsteps<=max_explsteps) {
		for (i=0;i<=y_slices-1;i++) {
			for (ii=0;ii<=x_slices-1;ii++) {
				var thisspan=eval("document.all.span"+spancounter+".style")
				thisspan.posLeft+=x_random[spancounter]
				thisspan.posTop+=y_random[spancounter]
				spancounter++
			}
		}
		i_explsteps++
		var timer=setTimeout("explode_IE()",pause)
	}
	else {
		spancounter=0
		for (i=0;i<=y_slices-1;i++) {
			for (ii=0;ii<=x_slices-1;ii++) {
				var thisspan=eval("document.all.span"+spancounter+".style")
				thisspan.posLeft=-5000
				spancounter++
			}
		}
		clearTimeout(timer)
		var newwin=window.open(redirurl, "newindow", "status=yes,toolbar=yes,menubar=yes,resizable=yes,scrollbars=yes,width=800,height=500,top=30,left=20")
	}
}

// - End of JavaScript - -->
</SCRIPT>

Copy All x2

<BODY onload=initiate()>
<SCRIPT>
<!-- Beginning of JavaScript -
for (i=0;i<=y_slices-1;i++) {
	
	for (ii=0;ii<=x_slices-1;ii++) {
		marginright=screen.width+50
    	document.write("<span id='span"+spancounter+"' style='position:absolute;visibility:visible; left:"+x_finalpos+"px;top:"+y_finalpos+"px;clip:rect("+cliptop+"px "+clipright+"px "+clipbottom+"px "+clipleft+"px)'>")
		document.write("<a href='javascript:explode_IE()'>")
		document.write("<img src='"+imgurl+"' border='0'>")
		document.write("</a>")
    	document.write("</span>")
		clipleft+=width_slice
		clipright+=width_slice
		spancounter++
	}
	clipleft=0
	clipright=width_slice
	cliptop+=height_slice
	clipbottom+=height_slice
}
// - End of JavaScript - -->
</SCRIPT>
</BODY>