Forum d'entraide PHPFrance

Bonjour,
j'ai ce site web http://hegoiseorchidees.free.fr ou pour le moment lorsque l'on passe sur la vignette elle devient un peu transparent. Je voudrais savoir comment faire pour que cela se fasse progressevement lorsque l'on passe la souris elle devient progressivement transparente et lorsqu'on ne la survole plus elle devient progressivement opaque.

Merci d'avance

J'ignore comment tu as résolu ton problème ; mais, sache que tu peux regarder du côté de la bibliothèque script.aculo.us.

J'ai fait comme ceci

Code : Tout sélectionner

<SCRIPT language=javascript>

var TabAlpha=new Array();
TabAlpha.length=5;		// 5 images alpha A MODIFIER SI PLUS D'IMAGES
for (var alphaI=0;alphaI<TabAlpha.length;alphaI++) {
	TabAlpha[alphaI]=-1;
}

function ModifAlpha(no,alpha){
	if (document.images["img"+no]) {
		if (document.images["img"+no].filters) {
			TabAlpha[no]=alpha;
			if (tjstimer==0) {setTimeout("tjstimerAlpha()",30)}
		}
	}
}

var tjstimer=0;

function tjstimerAlpha() {
	var opacity=0;
	for (var alphaI=0;alphaI<TabAlpha.length;alphaI++) {
		if (TabAlpha[alphaI]!=-1) {
			opacity =TabAlpha[alphaI] - document.images["img"+alphaI].filters.alpha.opacity;
			if (opacity!=0) {
				tjstimer=1;
				document.images["img"+alphaI].filters.alpha.opacity+=Math.abs(opacity)/opacity * 5;		
			} else {
				TabAlpha[alphaI]=-1
			}
		}
	}
	if (tjstimer==1) {setTimeout("tjstimerAlpha()",30);} else {tjstimer=0}
}

</SCRIPT>

qui est appellé comme cela

onMouseOut=\"ModifAlpha($result[id],100);ChangeMessage('- Bienvenue sur mon album photo -','ejs_texte')\" 
onMouseOver=\"ModifAlpha($result[id],60);ChangeMessage('$legende','ejs_texte')\"[php]

[/code]

Forum d'entraide PHPFrance

Effet de transparence progressive

Effet de transparence progressive