wordpressでjQueryを使用したグローバルナビゲーションを作りたい

初めまして、最近wordpressでサイトを制作している者です。

今wordpressでjQuery使用したグローバルバビゲーションをしているのですが、下記にあるjQueryを使用してもフェードアウト後の画像が表示されなくて困っています。

$(this).css(‘background’, ‘url(img/nav’+(i+1)+’_o.gif) no-repeat’);の部分の指定が間違っているのでしょうか？

$(function() {
$(‘#nav1 li’)
.each(function(i){
$(this).css(‘background’, ‘url(img/nav’+(i+1)+’_on.jpg) no-repeat’);
})
.find(‘img’).hover(
function(){
$(this).stop().animate({‘opacity’ : ‘0’}, 500);
},
function(){
$(this).stop().animate({‘opacity’ : ‘1’}, 1000);
}
);
}
);
画像は２枚用意していて、画像の名前にonと書いている画像と書いてない画像を用意しています。フェードアウトそのものはうまくいっているのですが原因がわかりません

アドバイスだけでもいいので何か解決策がありましたら、ぜひ教えてください