Im usando jQuery para establecer la imagen de fondo de un div de la siguiente manera:imagen Configuración div fondo utilizando jQuery
$(document).ready(function() {
$('#pic').css("background","url(images/pic.jpg)");
});
Pero la imagen no va a ser visualizado. Cómo arreglar esto ?
Gracias.
Debería funcionar, pero ¿ha intentado usar "background-image" en lugar de "background"?
Además, ¿puede navegar a la imagen a través de su navegador correctamente? Es decir. yourdomain/images/pic.jpg?
Editar: Además, ¿ha establecido un ancho y alto para el div? El div no cambiará automáticamente el tamaño de una imagen de fondo.
tal vez también trabaja con background pero siempre uso
background-image
Y también siempre poner comillas alrededor de la ruta
$('#pic').css("background-image","url('images/pic.jpg')");
Esto es probablemente debido a cuestiones de ruta relativa.
¿Cuál es la ruta (es decir, la URL que aparece en la barra de navegación del navegador) para la página que contiene el código que ha publicado? ¿Dónde está esto en relación con el directorio de imágenes?
administrar esto puede ser un poco una pesadilla, especialmente si ha incluido un archivo de JavaScript en varias páginas, que están en diferentes niveles dentro de una jerarquía de URL.
La mejor manera de manejar esto, es definir una clase, en un archivo css, hacer las URL de la imagen relativas a la ubicación del archivo css, y luego simplemente aplicar la clase a su div, en lugar de configurar individualmente atributos de estilo.
Debería funcionar con 'background' o 'background-image'. Verificar la imagen, navegando hacia ella, siempre es una buena idea. – belugabob
Buen punto sobre el ancho y la altura pero, supongo, probablemente haya algún otro marcado dentro del div que le dé alto y ancho). – belugabob
Es por eso que hice la pregunta. – GenericTypeTea