Cambiar Imagen de Fondo con JavaScript

10 02 2009

<HTML>
<HEAD>
<TITLE>Cambiar Imagen de Fondo</TITLE>
<style>
.bgimages img {cursor:hand; border:2 solid red}
</style>
<script language=”JavaScript1.2″>
<!–
function cambiar(){
if (!document.all)
return
var source=event.srcElement
if (source.tagName==”IMG”)
document.body.style.backgroundImage=”url(“+source.src+”)”
}
//–>
</script>
</HEAD>
<BODY bgcolor=white>
<div class=”bgimages” onClick=”cambiar()”>
<img src=”005.jpg” width=100 height=100 alt=”Background 6″ border=”0″>
<img src=”006.jpg” width=100 height=100 alt=”Background 7″ border=”0″>
<img src=”007.jpg” width=100 height=100 alt=”Background 8″ border=”0″>
</div>

</body>
</html>


Acciones

Información

2 respuestas

29 05 2009
JhonnY

y esto donde se copia?
en un gadget
oh despue de head?
salu22!!

29 05 2009
aabramovichq

el código javascript que esta de color naranja lo dejas dentro de head y las imagenes los puedes colocar donde tu quieras pero dentro dentro de body obviamente, ahora si quieres probar como funciona copia todo el código que se ve a un editor de texto y guardalo con extensión .html y lo modificas los nombres de las fotografias por ejemplo 00.jpg por el que quiedas.
espero q t haya ayudado
Bye

Deja un comentario