LE CODE JAVA : JAVASCRIPT : LES IMAGES EN TRANSITION SUR LE SITE

LES IMAGES EN TRANSITION SUR UN SITE
Demonstration

LE CODE JAVA : LES IMAGES EN TRANSITION SUR UN SITE

ACCUEIL HTML

<HEAD>

<!-- Begin

var ie5=(document.getElementById && document.all);
var ns6=(document.getElementById && !document.all);

nPlus = 5   
speed = 50  //la vitesse

// VOUS N'AVEZ PAS BESOIN DE CHANGER OU EDITER LES LIGNES CI DESSOUS
nOpac = 100
function FadeImg(){
    if(document.getElementById){
        document.getElementById('img1').style.visibility="visible";
        imgs = document.getElementById('img2');
	opacity = nOpac+nPlus;
	nOpac = opacity;
	setTimeout('FadeImg()',speed);
    if(opacity>100 || opacity<0){
        nPlus=-nPlus;
    }
    if(ie5){
        imgs.style.filter="alpha(opacity=0)";
	imgs.filters.alpha.opacity = opacity;
    }
    if(ns6){
        imgs.style.MozOpacity = 0 + '%';
	imgs.style.MozOpacity = opacity + '%';
    }
  }
}
onload=FadeImg;
//  End -->
</script>

</HEAD>

<BODY>

ACCUEIL IMAGE HTML