Código de JavaScript - Slide Background Imágenes

Pos: 4

Val: 2.019

Ha mantenido su posición en JavaScript (en relación al último mes)

Slide Background Imágenes

JavaScript

(2)

Publicado el 9 de Septiembre del 2017 por Scriptshow (141 códigos)

2.705 visualizaciones desde el 9 de Septiembre del 2017

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
(2)

Actualizado el 18 de Octubre del 2017 (Publicado el 9 de Septiembre del 2017)

gráfica de visualizaciones de la versión: 1.0

2.706 visualizaciones desde el 9 de Septiembre del 2017

<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)

xve

10 de Septiembre del 2017

muy bueno!!!

Responder

Noberto BETHO

19 de Octubre del 2017

No ha dejado ningún comentario

Responder

Comentar la versión: 1.0

http://lwp-l.com/s4169

Combinaciones únicas o permutaciones incompletas en array

Visor de imagenes

Código de JavaScript - Slide Background Imágenes

Requerimientos

1.0(2)

Comentarios sobre la versión: 1.0 (2)

Comentar la versión: 1.0

Tienes que ser un usuario registrado para poder insertar imágenes, archivos y/o videos.

1.0
(2)