« »

Ajouter un peu de magie Ã votre image avec la prÃ©sentation de cette JavaScript! Tout d'abord, vous ne verrez que les dÃ©bris de votre image rÃ©partis de faÃ§on alÃ©atoire sur toute la l'Ã©cran du navigateur. Ensuite, les morceaux Ã©pars d'image seront tirÃ©es par une forte jusqu'Ã ce que la force magnÃ©tique image a Ã©tÃ© recrÃ©Ã© sur ces dÃ©bris! ConÃ§u pour IE5 et plus.

ï¿½tiquette: ImageFactory, remonter, dÃ©bris, prÃ©sentation, navigateur, IE5

Rapport de nous cette erreur JavaScript

Demo
Agrandir
Recharger
New window

Gratuit iPage hï¿½bergement Web pour la premiï¿½re annï¿½e MOMENT

Si vous ï¿½tes toujours ï¿½ la recherche d'un fournisseur d'hï¿½bergement Web fiable avec des tarifs abordables, pourquoi vous ne prenez pas un peu de temps pour essayer iPage, seulement avec $1.89/month, inclus $500+ Crï¿½dits supplï¿½mentaires gratuites pour le paiement de 24 mois ($45)?

Plus de 1.000.000 de clients + existisng peuvent pas avoir tort, vraiment vous n'ï¿½tes pas aussi! Plus important encore, lorsque vous enregistrez l'hï¿½bergement web ï¿½ iPage grï¿½ce ï¿½ notre lien, nous allons ï¿½tre heureux de renvoyer un plein remboursement. C'est gï¿½nial! Vous devriez essayer iPage hï¿½bergement web GRATUITEMENT maintenant! Et contactez-nous pour tout ce que vous devez savoir sur iPage. Essayez iPage GRATUIT premiï¿½re annï¿½e MOMENT

Code
CSS
JavaScript
HTML
Imprimer

Copy All x2

<STYLE>
.spanstyle {
	LEFT: -5000px; POSITION: absolute
}
</STYLE>

Copy All x2

<SCRIPT>
<!-- Beginning of JavaScript -
// CONFIGURATION:
// 1.	Create your images (gif or jpg). They should have the same width and height.
// 		Put those images in the same directory as the HTML-file. 
//		You can add as many images as you like to this show.
// 2. 	Copy and paste the two script-blocks into your HTML-file:
// 		Put the first script-block inside the head-section of your HTML-file.
//		Put the second script-block right at the end of the 
//		body-section of your HTML-file.
// 2.	Copy and paste the style-sheet into head-section of your HTML-file.
// 3. 	Insert 'onLoad="changeimage()"' into the body tag.
// 4. 	Configure the variables below:
		
// The width of your images (pixels). All pictures should have the same width.
var imgwidth=400

// The height of your images (pixels). All pictures should have the same height.
var imgheight=240

// The URL of your images. You may add as many images as you like.
var imgurl=new Array()
imgurl[0]="logojs.gif"
imgurl[1]="photo4.jpg"
imgurl[2]="photo3.jpg"

// Do not edit this block.
var imgpreload=new Array()
for (i=0;i<=imgurl.length-1;i++) {
	imgpreload[i]=new Image()
	imgpreload[i].src=imgurl[i]
}

// 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 value the slower the script)
var x_slices=8

// Number of sliced rows (the higher this value the slower the script)
var y_slices=3

// Speed of the reassembling effect. More means slower.
var pause=10

// The width and heigth of the zone where the debris of the images are spread (pixels)
var screenwidth=800
var screenheight=500

// Do not change the variables below
var x_step=new Array()
var y_step=new Array()
var x_randompos=0
var y_randompos=0
var i_loop=0
var max_loop=20
var i_image=0
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

function initiate() {
	cliptop=0
	clipbottom=height_slice
	clipleft=0
	clipright=width_slice
	i_loop=0
	spancounter=0
    if (document.all) {
 	    for (i=0;i<=y_slices-1;i++) {
			for (ii=0;ii<=x_slices-1;ii++) {
				var thisspan=eval("document.all.span"+spancounter+".style")
				x_randompos=Math.ceil(screenwidth*Math.random())
				y_randompos=Math.ceil(screenheight*Math.random())
				thisspan.posLeft=x_randompos
				thisspan.posTop=y_randompos
                thisspan.clip ="rect("+cliptop+" "+clipright+" "+clipbottom+" "+clipleft+")"
				clipleft+=width_slice
		        clipright+=width_slice
		        spancounter++
			}
        	clipleft=0
	        clipright=width_slice
	        cliptop+=height_slice
	        clipbottom+=height_slice
		}
   }
   explode_IE()
}

function changeimage() {
	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
			thisspan.posTop=-5000
			spancounter++
		}
	}
	spancounter=0
	if (i_image>imgurl.length-1) {i_image=0}
	for (i=0;i<=y_slices-1;i++) {
		for (ii=0;ii<=x_slices-1;ii++) {
			var thisinnerspan=eval("span"+spancounter)
    		thisinnerspan.innerHTML="<img src='"+imgurl[i_image]+"'>"
			spancounter++
		}
	}
	i_image++
	initiate()
}


function explode_IE() {
	spancounter=0
	if (i_loop<=max_loop-1) {
		for (i=0;i<=y_slices-1;i++) {
			for (ii=0;ii<=x_slices-1;ii++) {
				var thisspan=eval("document.all.span"+spancounter+".style")
				x_step[spancounter]=(x_finalpos-thisspan.posLeft)/(max_loop-i_loop)
				y_step[spancounter]=(y_finalpos-thisspan.posTop)/(max_loop-i_loop)		
				thisspan.posLeft+=x_step[spancounter]
				thisspan.posTop+=y_step[spancounter]
				spancounter++
			}
		}
		i_loop++
		var timer=setTimeout("explode_IE()",pause)
	}
	else {
		spancounter=0
		clearTimeout(timer)
		var timer=setTimeout("changeimage()",2000)
	}
}


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

Copy All x2

<BODY onload=changeimage()>
<SCRIPT>
<!-- Beginning of JavaScript -
if (document.all) {
	for (i=0;i<=y_slices-1;i++) {
		for (ii=0;ii<=x_slices-1;ii++) {
    		document.write("<span id='span"+spancounter+"' class='spanstyle'></span>")
			spancounter++
		}
	}
	spancounter=0
}
// - End of JavaScript - -->

</SCRIPT>
</BODY>

Commentaire (0)
ï¿½crire

par Avant-premiï¿½re

Annuler rï¿½ponse

ï¿½crivez votre commentaire

Commentaires du client sera publiï¿½ avant previwed
Donnez votre email rï¿½el pour obtenir des rï¿½ponses notification ou commentaire sera supprimï¿½

Votre nom *
Votre e-mail^g *
~~Votre site~~

Comment's Titre

J'assure ï¿½ 100% je suis humain rï¿½el
Je le rï¿½pï¿½te, je ne suis pas bot

Sent (2)
Nouveau

BBCode
HTML
URL
JID

iPhoneKer.com
Save up to 630$ when buy new iPhone 15

GateIO.gomymobi.com
Free Airdrops to Claim, Share Up to $150,000 per Project

https://tooly.win
Open tool hub for free to use by any one for every one with hundreds of tools

chatGPTaz.com, chatGPT4.win, chatGPT2.fun, re-chatGPT.com
Talk to ChatGPT by your mother language

Dall-E-OpenAI.com
Generate creative images automatically with AI

AIVideo-App.com
Render creative video automatically with AI

Dï¿½poser jours:
Auteur:
Previews:
Commentaire:
Votes:
Sent:
Taille:
Rang:

30/01/2007
Peter Gehrig [more]
7,980
0
163
2
6.34 KBytes

2.4/5 163 votes / 7,980 previews / 0 commentaire 30/01/2007 Ajouter un peu de magie Ã votre image avec la prÃ©sentation de cette JavaScript! Tout d'abord, vous ne verrez que les d...JavaScript ImageFactory rassemble vos images sur des dÃ©bris - ImageFactory rassemble vos images sur des dÃ©bris - Langue: Franï¿½aise

king1031988 thanhnhon1992 Hieukiti soiphieuluu[2] hoangphucthanh IT-Spree[2] tuanlinh98 dobaman[3] chuotxxx trunghieuwelcome