www.ScriptJavascript.fr.gd

imagen5

Inversion y disminucion imagenes

Scriptjavascript.fr.gd tu página de inicio?

Inversión y disminución de imágenes

`Notas : Puedes aplicar este efecto a una,dos o tres imágenes. La dulzura, la velocidad y las pausas son regulables. Este efecto puede ser útil como una alternativa a "un crossfader". Fija te que la primera imágen aparece una sola vez : Son tres imágenes que se presentan aquí. Que guapa es esta tia Madona!Hé!!`

Introduzca este código entre las etiquetas <head> de HTML

<SCRIPT language="JavaScript" type="text/javascript">
<!--Inicio
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","https://img.webme.com/pic/s/scriptjavascript/madona-guapa.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","https://img.webme.com/pic/s/scriptjavascript/madona_bella.jpg"); //
inc=-inc;
} 
if (ht==wdmax) {
ff="flip";
inc=-inc;
setTimeout("flipflop()",pause);
}
else {
setTimeout("flipflop()",rate);
}
}
}
Fin-->
</SCRIPT>

Después,

Finalmente,introduzca este código entre las etiquetas <body> de HTML

««««

»»»»

Ce site web a été créé gratuitement avec Ma-page.fr. Tu veux aussi ton propre site web ?

S'inscrire gratuitement

www.ScriptJavascript.fr.gd

imagen5

csspafrugell

htmpafrugell

douniamusica

bibpalafrugell

ebay

altavista

hotmail

youtube

yahoo

Inversión y disminución de imágenes

Introduzca este código entre las etiquetas <head> de HTML

Después,

Finalmente,introduzca este código entre las etiquetas <body> de HTML