Im en utilisant JQuery pour définir l'image d'arrière-plan d'un div comme suit:Réglage div image de fond en utilisant JQuery
$(document).ready(function() {
$('#pic').css("background","url(images/pic.jpg)");
});
Mais l'image ne soit pas affichée. Comment régler ceci ?
Merci.
Doit fonctionner, mais avez-vous essayé d'utiliser "background-image" au lieu de "background"?
De plus, pouvez-vous naviguer vers l'image via votre navigateur correctement? C'est à dire. votredomaine/images/pic.jpg?
Modifier: Aussi, avez-vous définir une largeur et la hauteur de la div? La div ne sera pas redimensionnée automatiquement pour une image d'arrière-plan.
peut-être travaille également avec background mais je toujours utiliser
background-image
Et aussi je mets toujours des guillemets autour du chemin
$('#pic').css("background-image","url('images/pic.jpg')");
Ceci est probablement vers le bas pour les questions de chemin relatif.
Quel est le chemin (c'est-à-dire l'URL qui apparaît dans la barre de navigation du navigateur) pour la page qui contient le code que vous avez publié? Où est-ce en relation avec le répertoire images? La gestion de cette opération peut être un cauchemar, surtout si vous avez inclus un fichier javascript dans plusieurs pages, qui se trouvent à différents niveaux dans une hiérarchie d'URL. La meilleure façon de gérer cela est de définir une classe, dans un fichier css, de faire les URL de l'image par rapport à l'emplacement du fichier css lui-même, puis d'appliquer simplement la classe à votre div, au lieu de définir individuellement attributs de style.
Devrait fonctionner avec 'background' ou 'background-image'. Vérifier l'image en naviguant dessus est toujours une bonne idée. – belugabob
Bon point sur la largeur et la hauteur mais, je suppose, il y a probablement un autre balisage dans la div qui lui donne hauteur et largeur). – belugabob
C'est pourquoi j'ai posé la question. – GenericTypeTea