Código de JavaScript - Slide Background Imágenes

Imágen de perfil

Slide Background Imágenesgráfica de visualizaciones


JavaScript

estrellaestrellaestrellaestrellaestrella(2)
Actualizado el 10 de Septiembre del 2017 por ScriptShow (Publicado el 09 de Septiembre del 2017)
865 visualizaciones desde el 09 de Septiembre del 2017. Una media de 28 por semana
Código JavaScript y CSS que permite el cambio de imágenes de fondo cada 4 segundos (ajustables). En algunos navegadores actualizados: Chrome, Opera, realiza transición entre imágenes; también en móviles y tablets.

Un saludo

Requerimientos

Un navegador web o dispositivo compatible.

1.0
estrellaestrellaestrellaestrellaestrella(2)

Actualizado el 18 de Octubre del 2017 (Publicado el 09 de Septiembre del 2017)gráfica de visualizaciones de la versión: 1.0
866 visualizaciones desde el 09 de Septiembre del 2017. Una media de 28 por semana
estrellaestrellaestrellaestrellaestrella
estrellaestrellaestrellaestrella
estrellaestrellaestrella
estrellaestrella
estrella

slidebg
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
<html>
<body>
<style>
body
{
background-attachment: fixed;
background-repeat: no-repeat;
background-position: center;
background-color: #000000;
background-size: cover;
transition: all .8s;
}
</style>
 
<script>
var path=new Array("bg_01.jpg","bg_02.jpg","bg_03.jpg","bg_04.jpg","bg_05.jpg","bg_06.jpg","bg_07.jpg","bg_08.jpg");
var imgs=new Array();
var p=-1;
 
for (i=0;i<path.length;i++)
{
imgs[i]=new Image();
imgs[i].src=path[i];
}
 
function slide()
{
if (p<imgs.length-1) p++;
else p=0;
document.body.background=imgs[p].src;
}
 
window.onload=new Function('setInterval("slide()", 4000)');
</script>
</body>
</html>



Comentarios sobre la versión: 1.0 (2)

Imágen de perfil
xve
10 de Septiembre del 2017
estrellaestrellaestrellaestrellaestrella
muy bueno!!!
Responder
Imágen de perfil
Noberto BETHO
19 de Octubre del 2017
estrellaestrellaestrellaestrellaestrella
No ha dejado ningún comentario
Responder

Comentar la versión: 1.0

Nombre
Correo (no se visualiza en la web)
Valoración
Comentarios

http://lwp-l.com/s4169