-
Cómo cambiar una imagen de fondo CSS con JavaScript
-
Javascript ofrece, código del lado del cliente dinámico para editar su diseño de página web. Se puede utilizar Javascript para cambiar la imagen de fondo, incluso sitio web de gráficos, textos, tablas y. El código se utiliza para automatizar las imágenes de fondo dinámico, que se utiliza a menudo en los blogs o revistas en línea para promover productos de afiliados. El cambio es invisible para los lectores del sitio web, y se muestra la imagen cada vez que el usuario abre la página.Instrucciones
1 Abre el archivo HTML con un simple editor de texto como Bloc de notas. También puede utilizar los editores de texto más avanzados, como Notepad ++ o Visual Studio. Estas secciones de código de color editores de su archivo HTML para facilitar la edición.
2 Crear las etiquetas de bloque de Javascript. Todo el código Javascript se encuentra en los bloques de script. Coloque estas etiquetas dentro de la "<head>" y "</ head>" etiquetas en el código HTML:
<Script type = "text / javascript"> </ script>3 Crear una variable y asignarle una imagen ubicada en su sitio web. El código siguiente crea la variable y lo asigna la imagen "myImage.jpg":
var background_image = "myImage.jpg";4 Establecer la imagen de fondo. El código siguiente cambia la imagen de fondo CSS por defecto a la variable definida en el paso 3:
document.body.background = background_image;5 Guarde los cambios y abrir el código HTML en su navegador web. Los nuevos cambios editar la imagen de fondo y lo mostrará en el navegador.
