Question

我知道如何灰度图像。我正在使用jquery手风琴，我在每个手风琴标题上都有图像。我希望在手风琴处于活动状态时将图像更改为灰度，并在手风琴未激活时将图像更改回其原始形式。我正在使用事件accordionChange。问题是我无法保存原始图像。请帮忙。在灰度级渲染之后，我试图直接将原始src作为

document.getElementById("imgId").src = "images/pic.jpg";

这不起作用。

Answer 1

如果您正在使用jquery ui手风琴，请回答：

//please note these are global variables
var imageArr=[];
var oldIndex = false;
var oldSrc;
$(document).ready(function(){

//grab all heading images 
imageArr = $("#accordion h3 img");

$( "#accordion" ).accordion({
    change: function(event, ui) { 
        active = ui.options.active;


        //restore clicked image
        if (oldIndex!==false) {
            $(imageArr[oldIndex]).attr("src",oldSrc);
        }

        //save current index for the future
        oldIndex = active;
        //save original src for the future
        oldSrc = $(imageArr[active]).attr("src")
        //implement some logic here to choose grayscale image and set the src value 
        $(imageArr[active]).attr("src","grayscale.png");
    }
});

})

缩放图像并返回原始图像

1 个答案: