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';
});

等等。

jQuery更改img和文件夹src

1 个答案: