jQuery 更改 img 和文件夹 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';
});

等等。