Discussion :

[bractar]

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!

[SpaceFrog]

avec une focntion qui dans un setInterval va incrémenter la valuer de l'opacité

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

[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

[SpaceFrog]

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

[SpaceFrog]

sinon si tu es uniquement sous IE tu as ça

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

[bractar]

Merci mais je n'y arrive toujours pas

Voici mon code :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

[SpaceFrog]

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

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

[bractar]

idem avec

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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