« »

Ce renversement de script simule un effet de refroidir le grattage. Il suffit de dÃ©placer votre la souris sur la coverimage et un deuxiÃ¨me image apparaÃ®t Ã partir de sous (Netscape, les utilisateurs verront un simple effet imageswapping place). IdÃ©al pour les loteries en ligne, des tirages, des devinettes ou simplement pour le plaisir. Facile Ã configurer.

Étiquette: ImageScratcher: real gratter effet onmouseover

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>
	<!--
    	This script downloaded from www.JavaScriptBank.com
    	Come to view and download over 2000+ free javascript at www.JavaScriptBank.com
	-->

Copy All x2

<SCRIPT>
<!-- Beginning of JavaScript -
// ImageScratcher

// CONFIGURATION:
// 1. 	Save this file with exception of the DIV-Block with the id 'deletethistext'. 
// 2.	Put the image 'coverimage83.gif' and the image 'hiddenimage83.jpg' 
// 		into the same directory as the HTML-file. 
// 3.	Configure the variables of the script-block in the head-section. 
// 4.	The script-block in the body-section requires no configuration.
// 5. 	Configure the variables below:
		
// The width of your image (pixels)
var imgwidth=160

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

// The name of the coverimage and hidden image. 
var coverimage="photo3.jpg"
var hiddenimage="photo4.jpg"

// This block will preload your images. Do not edit this block.
img1=new Image()
img1.src=coverimage
img2=new Image()
img2.src=hiddenimage

// Add an URL to the hidden image
var imgurl=new Array()
urlhiddenimage="http://javascriptbank.com"

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

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

// Number of sliced cells. A high value will slow down the scratching-effect.
var x_slices=8

// Number of sliced rows. A high value will slow down the scratching-effect.
var y_slices=8

// Do not change the variables below
var xy_slices=x_slices*y_slices
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 checkbrowser() {
	if (document.all) {
        initiate()
    }
}

function initiate() {
        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=x_finalpos
				thisspan.posTop=y_finalpos
                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
		}	
		for (i=0;i<=xy_slices-1;i++) {
			var thisspan=eval("span"+i)
			thisspan.innerHTML="<a href='#' onMouseOver='scratchimg("+i+")'><img src='"+coverimage+"' border='0'></a>"
		}
}

function scratchimg(thispartofimage) {
		var thisspan=eval("span"+thispartofimage)
		thisspan.innerHTML="<a href='"+urlhiddenimage+"' target='_blank'><img src='"+hiddenimage+"' border='0'></a>"
		
}

function scratchnn() {
	document.imgcontainer1.document.write("<a href='"+urlhiddenimage+"'><img src='"+hiddenimage+"' border='0' target='_blank'></a>")	
	document.imgcontainer1.document.close()	
}

// - End of JavaScript - -->
</SCRIPT>
	<!--
    	This script downloaded from www.JavaScriptBank.com
    	Come to view and download over 2000+ free javascript at www.JavaScriptBank.com
	-->

Copy All x2

<BODY onload=checkbrowser()>
<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("<div id='span"+spancounter+"' class='spanstyle' border='0'>")
    		document.write("</div>")
			spancounter++
		}
	}
}

if (document.layers) {
	document.write("<div id='imgcontainer1' class='spanstyle'>")
	document.write("<a href='#' onMouseOver='scratchnn()'><img src='"+coverimage+"' border='0'></a></div>")
	document.close()
	document.imgcontainer1.left=x_finalpos
	document.imgcontainer1.top=y_finalpos	
}
// - End of JavaScript - -->
</SCRIPT>
</BODY>
	<!--
    	This script downloaded from www.JavaScriptBank.com
    	Come to view and download over 2000+ free javascript at www.JavaScriptBank.com
	-->

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 (1)
Nouveau

BBCode
HTML
URL
JID

Cool Domains for Sale!

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

30/01/2007
Peter Gehrig [more]
3,030
0
0
1
5.6 KBytes

JavaScript ImageScratcher: real gratter effet onmouseover - Langue: Française

0/5 0 votes / 3,030 previews / 0 commentaire 30/01/2007 Ce renversement de script simule un effet de refroidir le grattage. Il suffit de dÃ©placer votre ...JavaScript ImageScratcher: real gratter effet onmouseover - ImageScratcher: real gratter effet onmouseover - Langue: Française

smidmj

Soyons premier membre de le faire