JQuery, Passing Parameters

Question

Je travaille avec un code jquery très basique et je voudrais condenser ce que j'ai fait en une fonction avec des paramètres passés.

J'ai quelques-unes:

$(".about").hover(function() { 
    $(this).attr("src","_img/nav/about_over.gif"); 
     }, function() { 
    $(this).attr("src","_img/nav/about_off.gif"); 
}); 


$(".artists").hover(function() { 
    $(this).attr("src","_img/nav/artists_over.gif"); 
     }, function() { 
    $(this).attr("src","_img/nav/artists_on.gif"); 
}); 


$(".help").hover(function() { 
    $(this).attr("src","_img/nav/help_over.gif"); 
     }, function() { 
    $(this).attr("src","_img/nav/help_off.gif"); 
}); 

Mais voudrait évidemment passer le titre de l'image (« à propos de », les artistes », « aide ») pour que je puisse réduire répété code.

Toute aide très appréciée.

Merci

Ronnie

Answer 1

function hover(img) { 
    $("."+img).hover(function() { 
    $(this).attr("src","_img/nav/"+img+"_over.gif"); 
     }, function() { 
    $(this).attr("src","_img/nav/"+img+"_off.gif"); 
    }); 
} 

Answer 2

Je ne suis pas sûr de ce qui se passe avec la seconde fonction dans la fonction de vol stationnaire, mais vous pouvez faire quelque chose comme ceci:

$(".about .artists .help").hover(function(){ 
    $(this).attr('src','_img/nav/' + $(this).attr('class') + '_over.gif') 
}); 

vous pouvez appliquer le même principe à votre marche/arrêt gifs aussi.

Answer 3

Vous pouvez quelque chose comme ceci:

function ElementHover(class_name, src_over, src_off) { 
    $("."+class_name+"").hover(function() { 
     $(this).attr("src", src_over); 
     }, function() { 
     $(this).attr("src", src_off); 
    }); 

} 

Answer 4

function HoverPic(name){ 
    $("."+name).hover(function() { 
     $(this).attr("src","_img/nav/"+name+"_over.gif"); 
      }, function() { 
     $(this).attr("src","_img/nav/"+name+"_off.gif"); 
    }); 
}