jquery changer l'image de fond sur hover

J'ai plusieurs divs que je veux générer des images de fond css pour. Ils vont changer en vol stationnaire. Oui, je suis conscient que je pourrais facilement le faire en CSS, mais cela doit être fait en jquery.jquery changer l'image de fond sur hover

code:

$(document).ready(function() { 
    $('.hoverBox').css('background', 'url(img/box' + id + '.jpg)') 
    $('.hoverBox').hover(function(){ 
    $(this).css('background', 'url(img/box' + this.id + '_back.jpg)')      
    }, 
    function(){ 
    $(this).css('background', 'url(img/box' + this.id + '.jpg)')      
    }); 
});

HTML est comme ceci:

<div class="hoverBox" id="benefits"> 
content</div> 
<div class="hoverBox" id="installation"> 
content</div> 
<div class="hoverBox" id="shoponline"> 
content</div>

Cela devrait être si facile, mais je ne peux pas sembler le faire fonctionner.

Une assistance serait grandement appréciée! TIA.

Source

2010-09-17 circey

Qu'est-ce qui semble être le problème? – Reigel

Je pense que c'est: 'url (img/box' + id + '.jpg)', mais je ne peux pas savoir où je vais mal. L'image d'arrière-plan initiale ne s'affiche pas et, bien sûr, l'image en vol stationnaire ne l'est pas non plus. – circey

Quel est l'identifiant?

Est-ce une variable mystérieuse définie ailleurs ou pensez-vous que l'identifiant sera lu dans le sélecteur est un moyen magique?

Je suppose que vous voulez utiliser chaque() pour obtenir l'ID.

Source

2010-09-17 01:01:50 epascarello

Génial. Merci pour ça - ça marche. Le sarcasme était inutile, mais chacun() était ce dont j'avais besoin. – circey

Que diriez-vous de mettre à jour votre code ou d'ajouter un exemple de la façon dont vous avez utilisé "each()" pour résoudre le problème? Il serait utile aux autres (comme moi ^^) d'avoir le même problème. – ithil

Répondre

Questions connexes