[DHTML/JS] Apparition calque en alpha

Version imprimable

24/01/2006, 16h40
bractar

[DHTML/JS] Apparition calque en alpha

Bonjour,
j'aimerais reproduire une effet "classique" que j'ai pu voir sur différents sites (je ne me rappelle plus lesquels ^^.
J'ai sur une page un calque contenant de la transparence, je voudrais le faire apparaitre (de alpha 0% à alpha 80%). Comment dois-je m'y prendre?
Merci d'avance!
24/01/2006, 16h52
SpaceFrog
avec une focntion qui dans un setInterval va incrémenter la valuer de l'opacité
Code:

1 2 3 4 5 function opactite(sens){ document.getElementById('elt').alphaOpacity+=sens} setInterval(opactité(1-),100)
en y incluant les tests sur les valeurs limites
24/01/2006, 18h01
bractar

merci ça a l'air d'être ça mais désolé je ne comprend pas trop...

qu'est-ce que "sens"?
Comment dois-je appeller la fonction opactite(sens)?

merci
25/01/2006, 09h10
SpaceFrog

:roll: c'est pas si compliqué que ça !

"sens" est le sens et la vitesse de l'opacité ... apparition et disparition...

genre tu as alpha-opacité=0%

si tu fais opacité(2) ... il va incrémenter l'opacité de 2 en 2

parcontre si tu as alpha opacité=100%

si tu fais opactié(-2) il va décrémenter ...

il suffisait de lire le code non ?

Code:

document.getElementById('elt').alphaOpacity+=sens

ça me parait assez clair ...
par contre pour la syntaxe je suis pas sur c'est peut être:

Code:

document.getElementById('elt').style.alphaOpacity+=sens

:oops:

sinon si tu es uniquement sous IE tu as ça

Code:

1
2
3
 document.images.SlideShow.style.filter="blendTrans(duration=2)"
     document.images.SlideShow.style.filter="blendTrans(duration=crossFadeDuration)"
     document.images.SlideShow.filters.blendTrans.Apply()

Merci mais je n'y arrive toujours pas :(

Voici mon code :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
 
document.write('<div id=lay' + this.Index + ' style="position:absolute; z-index=999999; -moz-opacity:0.8; opacity: 0.8; top=380px; left=180px;">' + tag + '</div>');
 
function allume()
{
	augmentation = setInterval("augmente(document.getElementById('lay'))",1)
}
 
function augmente(monObj)
{
 
	if(monObj.filters.alpha.opacity < 100)
	monObj.filters.alpha.opacity += 1;
	else if (window.augmentation)
	clearInterval(augmentation)
}
allume();

Si quelqu'un pouvait m'aider, ce serait vraiment super!
Merci

25/01/2006, 11h08
SpaceFrog

ben oui ton clearInterval est en dehors du else if ... n'oublies pas les {}

donc ta fonction ne se répète pas ...

idem avec

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
function allume()
{
	augmentation = setInterval("augmente(document.getElementById('lay'))",1)
}
 
function augmente(monObj)
{
 
	if(monObj.filters.alpha.opacity < 100)
	monObj.filters.alpha.opacity += 1;
	else
	{
		if(window.augmentation)
			clearInterval(augmentation);
	}
}
allume();

au fait, mon div est dans une fonction et j'appelle allume(); à la fin de cette fonction