Código de JavaScript - Slide Background images Manual

Pos: 4

Val: 2.019

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

Slide Background images Manual

JavaScript

(2)

Publicado el 14 de Enero del 2017 por Scriptshow (141 códigos)

2.233 visualizaciones desde el 14 de Enero del 2017

Script que permite cambiar la imagen de fondo al clicar en una miniatura. Ejemplo basado en una estructura básica y compatible 100%. Muy sencillo de ampliar y adaptar a cualquier proyecto.
Si se precisa, con CSS es fácil cambiar el aspecto, posiciones, tamaños, color, etc...

Espero sea útil para experimentar.

Un saludo

Requerimientos

Un navegador web o dispositivo compatible.

1.0
(2)

Actualizado el 6 de Febrero del 2017 (Publicado el 14 de Enero del 2017)

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

2.234 visualizaciones desde el 14 de Enero del 2017

<!DOCTYPE html>

<html>

<head>

<meta name="viewport" content="width=device-width">

<script>

<!--

function imagechange(img) {

document.body.style.background="#000000 url("+img.src+") 50% 50% no-repeat fixed";

//-->

</script>

</head>

<body style="background:#000000">

<img src="bkg_01.jpg" width="100" height="75" onclick="imagechange(this)"><br>

<img src="bkg_02.jpg" width="100" height="75" onclick="imagechange(this)"><br>

<img src="bkg_03.jpg" width="100" height="75" onclick="imagechange(this)"><br>

<img src="bkg_04.jpg" width="100" height="75" onclick="imagechange(this)"><br>

<img src="bkg_05.jpg" width="100" height="75" onclick="imagechange(this)"><br>

<img src="bkg_06.jpg" width="100" height="75" onclick="imagechange(this)"><br>

<img src="bkg_07.jpg" width="100" height="75" onclick="imagechange(this)"><br>

<img src="bkg_08.jpg" width="100" height="75" onclick="imagechange(this)"><br>

</body>

</html>

Comentarios sobre la versión: 1.0 (2)

xve

15 de Enero del 2017

Que sencillez... que poco código...

Responder

ARTURO FONTECHA

7 de Febrero del 2017

Felicitaciones. Agradecerìa còdigo fuente para subir archivos a mi sitio web desde un formulario. El sitio es www.appacacias.com.

Muchas gracias.

Responder

Comentar la versión: 1.0

http://lwp-l.com/s3835

Convierte una fecha en formato ingles a español

Semáforo

Código de JavaScript - Slide Background images Manual

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)