image qui explose

script trouvés

exemple

clique sur l'image pour la faire exploser

installation

dans la partie body

dans le tag body

dans la partie head

<script>
/*
PLUS DE SCRIPT SUR
http://javascript.platomic.com
*/ 
<!--
// Copyright Peter Gehrig and Urs Dudli. 
// If you add this script to a script-library 
// you have to add a link to http://www.24fun.ch
		
// La largeur de l'image en pixels
var imgwidth=261
// La hauteur de l'image en pixels
var imgheight=88
// Le nom de l'image à faire exploser
// The URL of the sliced image
var imgurl="PUBHTM.gif"
// L'adresse de destination après l'explosion
var redirurl="trans14bis.html"
// La position de l'image par rapport au bord gauche
var x_finalpos=260
// La position de l'image par rapport au bord supérieur
var y_finalpos=160
// Le nombre de blocs découpés par ligne
var x_slices=8
// Le nombre de ligne de découpe
var y_slices=5
// La vitesse d'explosion
// Speed of explosion
var pause=10
/////// Ne MODIFIEZ PLUS RIEN /////////////
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)
window.location=redirurl
}
}
// -->
</script>

retour page image