Código de JavaScript - Slide Background images Manual

Imágen de perfil

Slide Background images Manualgráfica de visualizaciones


JavaScript

estrellaestrellaestrellaestrellaestrella(2)
Actualizado el 15 de Enero del 2017 por ScriptShow (Publicado el 14 de Enero del 2017)
1.383 visualizaciones desde el 14 de Enero del 2017. Una media de 42 por semana
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
estrellaestrellaestrellaestrellaestrella(2)

Actualizado el 06 de Febrero del 2017 (Publicado el 14 de Enero del 2017)gráfica de visualizaciones de la versión: 1.0
1.384 visualizaciones desde el 14 de Enero del 2017. Una media de 42 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
<!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)

Imágen de perfil
xve
15 de Enero del 2017
estrellaestrellaestrellaestrellaestrella
Que sencillez... que poco código...
Responder
Imágen de perfil
ARTURO FONTECHA
07 de Febrero del 2017
estrellaestrellaestrellaestrellaestrella
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

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

http://lwp-l.com/s3835