2013-03-22 9 views
2

Я пытаюсь выяснить способ изменения цвета текста через jQuery.Изменить цвет текста Согласно изображению

По существу, у меня есть div со случайным загрузочным изображением. Над этим у меня есть div, содержащий некоторый текст.

Что бы я хотел сказать, когда загружается определенное изображение, он меняет цвет текста с белого на черный.

Кто-нибудь указывает мне в правильном направлении?

Для уточнения:

Мой вопрос, как я нахожу, какое изображение было загружено в DIV затем выполнить функцию, основанную на Термическое результата. Например:

У меня есть 2 изображения, которые случайно загружаются в обратный 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 
} 

Благодаря

+0

Я предполагаю, что вы хотите изменить текст черный/белый, наоборот, так что он может быть разборчивым на картинке? См. Этот вопрос, связанный с тем, что вы пытаетесь достичь: http://stackoverflow.com/questions/2541481/get-average-color-of-image-via-javascript – sweetamylase

+1

Как загружается изображение? не могли бы вы добавить свой код? – superUntitled

+0

Вы всегда будете переключаться с белого на черный? –

ответ

3

вы можете использовать color-thief , чтобы получить доминирующий цвет изображения

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

Я посмотрю на это - Спасибо – Victor

+0

Еще один очень быстрый способ получить доминирующий цвет - изменить размер изображения до 1x1 пикселя. – ViliusL

Смежные вопросы