« »

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

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

chatGPTaz
Voice chat comning soon. You could talk to ChatGPT and hear the most intelligent AI speaks very soon

Cool Domains for Sale!

war.money choose.exchange ABP3.com ChatTotal.com pornID.net YeuNu.com this.bid system.money CreditCard.rip CTRCoin.com ZWVQ.com ChainTutor.com index.services XMQV.com choose.works CryptoKD.com eChainBank.com CoinHolo.com ApexBTC.com Card.rip

Déposer jours:
Auteur:
Previews:
Commentaire:
Votes:
Sent:
Taille:
Rang:

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

2.4/5 163 votes / 7,696 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