我不能让这个适用于所有项目。此代码仅适用于第一个li项目。我相信错误仍然在基本的jquery中。 Colorthief是一个插件,可以从图像中获取rgb值,我试图应用于每个悬停。
$(window).load(function () {
$(".popup-gallery li").each(function (index) {
var $myImage = $(this).find('img');
var colorThief = new ColorThief();
//Grabs 8 swatch color palette from image and sets quality to 5 (0 =slow, 10=default/fast)
var cp = colorThief.getPalette($myImage[0], 8, 5);
//Sets background to 3rd color in the palette.
$(this).find('.hover').css('background-color', 'rgb(' + cp[2][0] + ',' + cp[2][1] + ',' + cp[2][2] + ')');
});
});
答案 0 :(得分:0)
我想将此建议添加为评论,但我没有所需的权限。无论如何,从我得到的东西jQuery .pop-gallery是ul元素的类名。由于您的HTML不在此处,如果是这种情况,请尝试类似
的内容 $(".pop-gallery").children("li").each(function(){
}