jQuery change img and folder src

Question

特定のボタンをクリックしたときに画像の保存先フォルダを変更したり、新しい選択したフォルダを保持している間に別の要素をホバリングしたときにこの画像のsrcを変更したりする際に問題があります。

私が持っているコードは、ここではjqueryの抜粋で、ここにある：

<script type="text/javascript"> 
$(document).ready(function(){ 
    imgFldr = 'period-black'; 

    //click the hardware buttons and change the folder where the images are coming from, but not the image itself (by name) 
    $('#standardBlack').click(function(){ 
     $("#pic").attr("src",'standard-black/'+$("#pic").attr("src").split('/')[1]); 
    }); 

    $('#standardGold').click(function(){ 
     $("#pic").attr("src",'standard-gold/'+$("#pic").attr("src").split('/')[1]); 
    }); 

    $('#standardChrome').click(function(){ 
     $("#pic").attr("src",'standard-chrome/'+$("#pic").attr("src").split('/')[1]); 
    }); 

    //on hovering the 21 or 24 colour options, change the colour of the image but not the folder 
    $('#black').hover(function(){ 
     $("#pic").attr("src",imgFldr+"/black.jpg"); 
    }); 
    $('#blueGrey').hover(function(){ 
     $("#pic").attr("src",imgFldr+"/blue-grey.jpg"); 
    }); 

    $('#burgundy').hover(function(){ 
     $("#pic").attr("src",imgFldr+"/burgundy.jpg"); 
    }); 

}); 
</script> 

起こっていただきましたあなたは、SRC変更ボタンの上にカーソルを置くと、フォルダは元の変数に行くことですが、それは維持する必要があります選択したフォルダ

これがどのように正しく機能するかについてのアイデアはありますか？

Answer 1

私は、スクリプトが何をするかを正しく理解している場合：

$('#standardBlack').click(function(){ 
    $("#pic").attr("src",'standard-black/'+$("#pic").attr("src").split('/')[1]); 
    imgFldr = 'standard-black'; 
}); 

などを。