Trucage photo en live

Commenter

Contenu du snippet

Avec un peu d'imagination vous pouvez faire de beau effets.

Source / Exemple : 


<HTML>
<HEAD>
<TITLE></TITLE>
<SCRIPT>
function Show(oDiv){
	var x = event.x- oDiv.offsetLeft+ document.body.scrollLeft 
	var y = event.y + document.body.scrollTop - oDiv.offsetTop
	Photo2.style.left = x - (Photo2.currentStyle.clipRight.replace("px","") - Photo2.currentStyle.clipLeft.replace("px",""))/2
	Photo2.style.top = y - (Photo2.currentStyle.clipBottom.replace("px","") - Photo2.currentStyle.clipTop.replace("px",""))/2
	Photo2Img.style.left = - Photo2.offsetLeft
	Photo2Img.style.top = - Photo2.offsetTop
}
</SCRIPT>
</HEAD>
<BODY>

<DIV STYLE="position: absolute; top:10; left:105;" onmousemove="Show(this)">

	<IMG STYLE="position: absolute;" SRC="http://www.videofolies.net/images/chute1.jpg">

	<DIV ID="Photo2" STYLE="clip: rect(0,100,100,0); position: absolute;top:-1000; left:-1000">
		<IMG ID="Photo2Img" STYLE="position: absolute;" SRC="http://www.videofolies.net/images/chute2.jpg">
	</DIV>
	
</DIV>

</BODY>
</HTML>

Conclusion :


Bon, ok c'est vraimment du tout simple :o)

Amusez vous bien :o)

A voir également

S'inscrire maintenant

Vous n'êtes pas encore membre ?

inscrivez-vous, c'est gratuit et ça prend moins d'une minute !

Les membres obtiennent plus de réponses que les utilisateurs anonymes.

Le fait d'être membre vous permet d'avoir un suivi détaillé de vos demandes et codes sources.

Le fait d'être membre vous permet d'avoir des options supplémentaires.

Du même auteur (francktfr)