Changement div de l'image d'arrière-plan avec jQuery

Hé les gars, je suis en train de changer l'image d'arrière-plan de plusieurs divs avec la classe .innerpreview quand un menu déroulant de sélection est faite. Aucune idée de pourquoi la suite n'est pas de travail?

$('#txtMontage').change(function(event) {
    if (this.value == "example") {
        $('.innerpreview').css('background-image', 'img/img-bkg.jpg)');
    }
});

Merci d'avance.

InformationsquelleAutor Carson | 2010-08-11
  1. 2

    Je pense que le problème est que vous êtes absent de la "url()" peu de réglage de l'image d'arrière-plan. Vous devriez avoir quelque chose comme ceci:

    $('#txtMontage').change(function(event) {
    if (this.value == "example") {
        $('.innerpreview').css('background-image', 'url(img/img-bkg.jpg)');
    }
});

    Voir cette question: Commutation de la DIV de l'Image d'arrière-plan Avec jQuery

    • +1 OP besoins url(img/img-bkg.jpg).
    • Merci Ender, raté. Mais je suis derrière ma déclaration d'utiliser une classe CSS pour cela.
    InformationsquelleAutor Ender
  2. 4

    Manquant url( ... merci Ender:

    $('#txtMontage').change(function(event) {
    if (this.value == "example") {
        $('.innerpreview').css('background-image', 'url(img/img-bkg.jpg)');
    }
});

    Je voudrais également de ne pas utiliser, mais de créer une nouvelle classe dans le CSS avec l'image de fond spécifiée, et de modifier ou d'ajouter cette nouvelle classe.

    • +1, la séparation de style et de comportement est une bonne pratique.
    InformationsquelleAutor Martin