Vous ne trouvez pas de réponse à votre problème ? Alors posez la question dans le forum. Souvenez-vous qu'il n'y a jamais de question bête, mais rester dans l'ignorance parce que l'on n'ose pas poser une question, ça c'est une erreur !

UNE IMAGE QUI VOLE...


Information sur la source

Catégorie :Effets Niveau : Initié Date de création : 18/04/2003 Date de mise à jour : 18/04/2003 14:37:53 Vu / téléchargé: 6 745 / 82 759

Note :
3 / 10 - par 1 personne
3,00 / 10

  • 1

  • 2

  • 3

  • 4

  • 5

  • 6

  • 7

  • 8

  • 9

  • 10

Commentaire sur cette source (0)
Ajouter un commentaire et/ou une note

Description

Pour modifier, j'ai laissé des annotations dans le code ! ;-)

 

Source

  • <HTML>
  • <HEAD>
  • <TITLE>Vole</TITLE>
  • <SCRIPT language=JavaScript>
  • var ballWidth = 100; // prendre la largeur de l'espace où se déplacera l'image... Plus le chiffre est grand moins y'a d'espace : c'est pas très logique je sais !Essayez de mettre 1
  • var ballHeight = 100; // prendre la hauteur du l'espace où se déplacera l'image... Plus le chiffre est grand moins y'a d'espace : c'est pas très logique je sais !Essayez de mettre 1
  • var BallSpeed = 2; // La vitesse de l'image : de 1 à 50, le plus élevé est le plus rapide
  • var maxBallSpeed = 80;
  • var xMax;
  • var yMax;
  • var xPos = 0;
  • var yPos = 0;
  • var xDir = 'right';
  • var yDir = 'down';
  • var superballRunning = true;
  • var tempBallSpeed;
  • var currentBallSrc;
  • var newXDir;
  • var newYDir;
  • var bascl = 0
  • function initializeBall()
  • {
  • if (document.all)
  • {
  • xMax = document.body.clientWidth
  • yMax = document.body.clientHeight
  • document.all("superball").style.visibility = "visible";
  • }
  • else if (document.layers)
  • {
  • xMax = window.innerWidth;
  • yMax = window.innerHeight;
  • document.layers["superball"].visibility = "show";
  • }
  • if(bascl == 0)
  • {
  • bascl = 1
  • setTimeout('moveBall()',400);
  • }
  • }
  • function moveBall()
  • {
  • if (superballRunning == true)
  • {
  • calculatePosition();
  • if (document.all)
  • {
  • document.all("superball").style.left = xPos + document.body.scrollLeft;
  • document.all("superball").style.top = yPos + document.body.scrollTop;
  • }
  • else if (document.layers)
  • {
  • document.layers["superball"].left = xPos + pageXOffset;
  • document.layers["superball"].top = yPos + pageYOffset;
  • }
  • setTimeout('moveBall()',30);
  • }
  • }
  • function calculatePosition()
  • {
  • if (xDir == "right")
  • {
  • if (xPos > (xMax - ballWidth - BallSpeed))
  • {
  • xDir = "left";
  • }
  • }
  • else if (xDir == "left")
  • {
  • if (xPos < (0 + BallSpeed))
  • {
  • xDir = "right";
  • }
  • }
  • if (yDir == "down")
  • {
  • if (yPos > (yMax - ballHeight - BallSpeed))
  • {
  • yDir = "up";
  • }
  • }
  • else if (yDir == "up")
  • {
  • if (yPos < (0 + BallSpeed))
  • {
  • yDir = "down";
  • }
  • }
  • if (xDir == "right")
  • {
  • xPos = xPos + BallSpeed;
  • }
  • else if (xDir == "left")
  • {
  • xPos = xPos - BallSpeed;
  • }
  • else
  • {
  • xPos = xPos;
  • }
  • if (yDir == "down")
  • {
  • yPos = yPos + BallSpeed;
  • }
  • else if (yDir == "up")
  • {
  • yPos = yPos - BallSpeed;
  • }
  • else
  • {
  • yPos = yPos;
  • }
  • }
  • if (document.all||document.layers) window.onload = initializeBall;
  • {
  • window.onresize = initializeBall;
  • }
  • </SCRIPT>
  • </HEAD>
  • <BODY>
  • <DIV id=superball style="HEIGHT: 120px; LEFT: 0px; POSITION: absolute; TOP: 0px; VISIBILITY: hidden; WIDTH: 140px">
  • <A href="http://www.paroles-et-musiques.fr.st">
  • <IMG border=0 name=superballImage src="yoda.jpg" ALT="Allez-y !"></A></DIV>
  • </BODY>
  • </HTML>
<HTML>
<HEAD>
<TITLE>Vole</TITLE>


<SCRIPT language=JavaScript>

var ballWidth = 100; // prendre la largeur de l'espace où se déplacera l'image... Plus le chiffre est grand moins y'a d'espace : c'est pas très logique je sais !Essayez de mettre 1
var ballHeight = 100; // prendre la hauteur du l'espace où se déplacera l'image... Plus le chiffre est grand moins y'a d'espace : c'est pas très logique je sais !Essayez de mettre 1
var BallSpeed = 2;  // La vitesse de l'image : de 1 à 50, le plus élevé est le plus rapide
var maxBallSpeed = 80;
var xMax;
var yMax;
var xPos = 0;
var yPos = 0;
var xDir = 'right';
var yDir = 'down';
var superballRunning = true;
var tempBallSpeed;
var currentBallSrc;
var newXDir;
var newYDir;
var bascl = 0

function initializeBall()
{
	if (document.all)
	{
		xMax = document.body.clientWidth
		yMax = document.body.clientHeight
		document.all("superball").style.visibility = "visible";
	}
	else if (document.layers)
	{
		xMax = window.innerWidth;
		yMax = window.innerHeight;
		document.layers["superball"].visibility = "show";
	}
	if(bascl == 0)
	{
		bascl = 1
		setTimeout('moveBall()',400);
	}
}

function moveBall()
{
	if (superballRunning == true)
	{
		calculatePosition();
		if (document.all)
		{
			document.all("superball").style.left = xPos + document.body.scrollLeft;
			document.all("superball").style.top = yPos + document.body.scrollTop;
		}
		else if (document.layers)
		{
			document.layers["superball"].left = xPos + pageXOffset;
			document.layers["superball"].top = yPos + pageYOffset;
		}
		setTimeout('moveBall()',30);
	}
}

function calculatePosition()
{
	if (xDir == "right")
	{
		if (xPos > (xMax - ballWidth - BallSpeed))
		{
			xDir = "left";
		}
	}
	else if (xDir == "left")
	{
		if (xPos < (0 + BallSpeed))
		{
			xDir = "right";
		}
	}
	if (yDir == "down")
	{
		if (yPos > (yMax - ballHeight - BallSpeed))
		{
			yDir = "up";
		}
	}
	else if (yDir == "up")
	{
		if (yPos < (0 + BallSpeed))
		{
			yDir = "down";
		}
	}
	if (xDir == "right")
	{
		xPos = xPos + BallSpeed;
	}
	else if (xDir == "left")
	{
		xPos = xPos - BallSpeed;
	}
	else
	{
		xPos = xPos;
	}
	if (yDir == "down")
	{
		yPos = yPos + BallSpeed;
	}
	else if (yDir == "up")
	{
		yPos = yPos - BallSpeed;
	}
	else
	{
		yPos = yPos;
	}
}

if (document.all||document.layers) window.onload = initializeBall;
{
	window.onresize = initializeBall;
}
</SCRIPT>

</HEAD>
<BODY>


<DIV id=superball style="HEIGHT: 120px; LEFT: 0px; POSITION: absolute; TOP: 0px; VISIBILITY: hidden; WIDTH: 140px">
<A href="http://www.paroles-et-musiques.fr.st">
<IMG border=0 name=superballImage src="yoda.jpg" ALT="Allez-y !"></A></DIV>
</BODY>
</HTML>

Conclusion

Questions, commentaires, n'hésitez pas !
A+
V.K.
 

Fichier Zip

Pour les "Membres Club", vous pouvez télécharger directement un fichier contenu dans le zip sans télécharger le zip en entier !

Télécharger le zip

Commentaires et avis

Aucun commentaire pour le moment.

Ajouter un commentaire



Nos sponsors

Sondage...

CalendriCode

Novembre 2008
LMMJVSD
     12
3456789
10111213141516
17181920212223
24252627282930

Consulter la suite du CalendriCode

Appels d'offres



Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel BAÏSE, Merci à Vincent pour ses précieux conseils
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés
Temps d'éxécution de la page : 0,203 sec

Google Coop CodeS-SourceS Google Coop CodeS-SourceS


Certaines images présentes sur le site (notament certains avatars) sont issues des collections IconShock, donc si vous souhaitez utiliser ces icons vous devez les acheter, ne les copiez pas et ne utilisez pas dans vos sites et applications sans les avoir commandé.