Hola a todos,
este script de javascript cambia cada X-segundo la imagen en sus páginas principales.
Con ello ustedes configuran facilmente que imagenes deben ser mostradas y
especifican la cantidad de segundos, despues de los cuales se se debera elegir y
mostrar una nueva imagen casual y ya empieza.
En este ejemplo ya se agrego imagenes y la cantidad de segundos fue puesta a dos.
Codigo:
<!DOCTYPE html>
<html>
<head>
<title>Ejemplo de javascript</title>
<meta charset="UTF-8">
</head>
<body>
<!-- Presentado por javascripts-gratis.de -->
<script type='text/javascript'>
<!--
// Script e idea: Freddus
// Aqui por favor ingresar las URLs de la imagenes dentro de las "" y separadas respectivamente por un ,
var i = 0;
var urls = new Array();
urls[i++] = "https://media.giphy.com/media/l41lLf17l7YCZ4Tjq/giphy.gif",
urls[i++] = "https://media.giphy.com/media/l1KdaZkQLqgeoPu1y/giphy.gif",
urls[i++] = "https://media.giphy.com/media/xT0CyGZSg7oN0ochi0/giphy.gif",
urls[i++] = "https://media.giphy.com/media/3o6MbubPM8ek3dbNle/giphy.gif",
urls[i++] = "https://media.giphy.com/media/3ov9k5IJTC6YXh91iU/giphy.gif";
// Aqui configurar el tiempo que quieren que pase hasta que se cambie de imagen
var segundos = 2;
///////////////////////////////////////////////
// No cambiar nada mas, como siempre ;o)
var lastimage;
document.write("<div id='randomimagediv'></div>");
function newimage()
{
var newurl;
do
{
newurl = urls[Math.floor(Math.random()*urls.length)];
}
while (newurl == lastimage)
lastimage = newurl;
document.getElementById("randomimagediv").innerHTML = '<img src="' + newurl + '" alt="" />';
}
//-->
</script>
<script type="text/javascript">window.setInterval("newimage()",segundos*1000);</script>
<!-- Presentado por javascripts-gratis.de -->
</body>
</html>
Página web: https://drive.google.com/open?id=14cHvpQeg7mtbOzzxx95LDfmr25i6VujG
Autor: Freddus
Saludos