Question

我正试图找出一种通过jQuery改变某些文本颜色的方法。

基本上，我有一个带有随机加载图像的div。在那我有div包含一些文本。

我想要发生的是当加载特定图像时，它将文本颜色从白色交换为黑色。

有人指出我正确的方向吗？

澄清：

我的问题是如何找到已加载到div中的图像然后根据该结果执行函数。例如：

我有2张图片，随机加载到via backstretch.js中。我还有另一个div，其中一些文字覆盖在图像的顶部：

<!-- my images -->
image-1.jpg
image-2.jpg

<!-- Layout -->
<div id="imageDIV"></div>
<div id="textDiv"><p>hello</p></div>

加载页面并将图像加载到div中。检查它是哪一个然后做某事。所以

if { 
   image is image-1.jpg then add a class to #textDiv
}

else if { 
   image is image-2.jpg add this class instead
}

由于

Answer 1

你可以使用color-thief 获得图像的主色

    myImage = $('#myImage');  
    dominantColor = getDominantColor(myImage);  
    paletteArray = createPalette(myImage, 10); // 2nd argument sets th`e # of colors in palette

根据图像改变文本颜色

1 个答案: