elhacker.net cabecera Bienvenido(a), Visitante. Por favor Ingresar o Registrarse
¿Perdiste tu email de activación?.

 

 


Tema destacado: Introducción a la Factorización De Semiprimos (RSA)


+  Foro de elhacker.net
|-+  Programación
| |-+  Desarrollo Web (Moderador: #!drvy)
| | |-+  javascript - Imagenes casuales
0 Usuarios y 1 Visitante están viendo este tema.
Páginas: [1] Ir Abajo Respuesta Imprimir
Autor Tema: javascript - Imagenes casuales  (Leído 380 veces)
TickTack


Desconectado Desconectado

Mensajes: 329


mantenetecuerdo


Ver Perfil
javascript - Imagenes casuales
« en: 19 Febrero 2019, 12:31 pm »

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:

Código:
<!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


En línea

Citar
"Ninguna mentira puede inventarse lo suficientemente patán: el pueblo hispanohablante la cree. Por una consigna que se les dio, persiguieron a sus compatriotas con mayor encarnizamiento que a sus verdaderos enemigos."
Páginas: [1] Ir Arriba Respuesta Imprimir 

Ir a:  

Mensajes similares
Asunto Iniciado por Respuestas Vistas Último mensaje
Ayuda con Imagenes Dinamicas con javascript
Desarrollo Web
rubents2 1 2,643 Último mensaje 28 Mayo 2010, 15:36 pm
por Red Mx
Banner de imagenes en javascript
Desarrollo Web
nikko88 0 1,149 Último mensaje 20 Julio 2012, 14:19 pm
por nikko88
{Ayuda} Cargar imágenes javascript
Desarrollo Web
sebah97 6 2,815 Último mensaje 1 Mayo 2013, 12:32 pm
por #!drvy
Acer Nitro 5 es una laptop para gamers casuales (y no tanto)
Noticias
wolfbcn 0 565 Último mensaje 30 Mayo 2017, 02:03 am
por wolfbcn
javascript - Imagenes rotativas
Desarrollo Web
TickTack 0 392 Último mensaje 5 Noviembre 2018, 14:24 pm
por TickTack
WAP2 - Aviso Legal - Powered by SMF 1.1.21 | SMF © 2006-2008, Simple Machines