kadero

renverse et s'effond deux images

Ce manuscrit alternativement "renverse" et "se effond" deux images, avec la douceur, la vitesse et les pauses réglables. Il peut être utile comme alternative à un crossfade. travail sur MSIE et Netscape.

Le code java : JavaScript : "renverse" et "se effond" de deux images

Attention : il faut changer les images.

<!-- TROIS ETAPE D'INSTALLER  "renverse" et "se effond" de deux image:

1.  Placer le code 1 entre les balises <HEAD> du document HTML

2.  Placer onLoad dans la premiere <BODY>

3.  Placer le code 3 entre les balises <BODY> du document HTML  -->

<HEAD>

<!--hide

//ETAPE 1: INSEREZ CE CODE ENTRE LES BALISES <HEAD>....</HEAD>

var wdmax=120;          //

var wdmin=0;            //

var inc=5;              //

var rate = 50;          //

var pause = 1000;       //

var ff="flip";          //

function flipflop() {

if (ff=="flip") {

var wd = document.getElementById("pic").getAttribute("width");

wd = wd - inc;

document.getElementById("pic").setAttribute("width",wd);

if (wd==wdmin) {

document.getElementById("pic").setAttribute("src","m4.jpg"); //

inc=-inc;

}

if (wd==wdmax) {

ff="flop";

inc=-inc;

setTimeout("flipflop()",pause);

}

else {

setTimeout("flipflop()",rate);

}

else {

var ht = document.getElementById("pic").getAttribute("height");

ht = ht - inc;

document.getElementById("pic").setAttribute("height",ht);

if (ht==wdmin) {

document.getElementById("pic").setAttribute("src","m3.jpg"); //

inc=-inc;

}

if (ht==wdmax) {

ff="flip";

inc=-inc;

setTimeout("flipflop()",pause);

}

else {

setTimeout("flipflop()",rate);

}

-->

</SCRIPT>

</HEAD>

</th></TABLE>

</center>

www.lecodejava.com Notre lien

Vsnationals.com Partnershipssaintjohn.com Rejoice1430.com

kadero

تعديل

+

.