Réglage de la div de l'image d'arrière-plan à l'aide de JQuery

Im en utilisant JQuery pour définir l'image d'arrière-plan d'un div comme suit:

$(document).ready(function() {
    $('#pic').css("background","url(images/pic.jpg)");  

 });

Mais l'image n'est pas affiché. Comment résoudre ce problème ?

Merci.

InformationsquelleAutor rogerp | 2009-10-23
  1. 9

    peut-être que ça fonctionne aussi avec background mais je l'utilise toujours 

    background-image

    Et aussi j'ai toujours mettre des guillemets autour du chemin

    $('#pic').css("background-image","url('images/pic.jpg')");
    • Devrait fonctionner avec 'arrière-plan' ou 'background-image'. Ne devrait pas être nécessaire d'utiliser des guillemets.
    • Il ne devrait pas être, mais il semble que c'est pour les navigateurs qui ne sont pas IE. (+1) Pour me Sauver des heures de douleur.
    InformationsquelleAutor Victor
  2. 1

    Devrait fonctionner, mais avez-vous essayé d'utiliser "background-image" au lieu de "fond"?

    Aussi, vous pouvez naviguer à l'image par le biais de votre navigateur correctement? I. e. yourdomain/images/pic.jpg?

    Modifier:
    Aussi, avez-vous mis une largeur et la hauteur de la div? La div ne sera pas auto-redimensionnement d'une image de fond.

    • Devrait fonctionner avec 'arrière-plan' ou 'background-image'. La vérification de l'image, en accédant à elle, est toujours une bonne idée.
    • Bon point sur la largeur & la hauteur, mais, je suppose, il y a probablement certains autres balisage à l'intérieur de la div, ce qui lui donne de la hauteur & largeur).
    • C'est pourquoi j'ai posé la question.
    InformationsquelleAutor djdd87
  3. 0

    C'est probablement relatif chemin.

    Quel est le chemin (j'.e l'URL qui s'affiche dans le navigateur barre de navigation) de la page qui contient le code que vous avez posté?
    Où est-ce en relation avec le répertoire des images?

    la gestion de ce qui peut être un peu un cauchemar, surtout si vous avez inclus un fichier javascript dans plusieurs pages, qui sont à différents niveaux au sein d'une URL de la hiérarchie.

    La meilleure façon de gérer cela est de définir une classe, dans un fichier css, faire de l'url de l'image par rapport à l'emplacement du fichier css lui-même, et puis il suffit d'appliquer la classe de votre div, au lieu de définir les attributs de style individuel.

    InformationsquelleAutor belugabob