Как добавить Fade в jquery?

Question

У меня есть 3 изображения, и мне нужно сделать следующее,

1. , когда я нажимаю на image1 ---> цвет фона/непрозрачности image2 & image3 изменится.
2. Снова я нажимаю на image2 ---> цвет фона/непрозрачность image1 & image3 изменится.
3. Снова я нажимаю на image3 ---> цвет фона/непрозрачность image1 & image2 изменится.

Возможно ли это?

Answer 1

Да, это возможно. Вам понадобится плагин jQuery для цветной анимации (сам jQuery не изменяет значения цвета), например, в пользовательском интерфейсе jQuery. Тогда просто сделать фон из изображений прозрачных и получить цвет фона для контейнера за каждое изображение, а также использовать animate анимировать цвет фона, изменяя его от одного значения к другому, например:

$("selector for the background").animate({ 
    backgroundColor: "target color" // Requires plugin, see above 
}); 

$(".target").delay(250).animate({ 
 
    backgroundColor: "#FEFE00" 
 
}, 1500);

.target { 
 
    background-color: #DCDCDC; 
 
}

<link href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.min.css" rel="stylesheet"/> 
 
<div class="target"> 
 
    <img src="http://i.stack.imgur.com/LLYDl.png"> 
 
</div> 
 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
 
<script src="//code.jquery.com/ui/1.11.4/jquery-ui.min.js"></script>