Jquery On Hover: исчезать фон с наложением текста

Question

Я пытаюсь создать эффект ролловера, который выцветает до 20% непрозрачности изображения, а также накладывает текст поверх элемента div.Я смог заставить его исчезать и раскрывать текст, но по какой-то причине он не работает хорошо, когда они объединены.Самое близкое, что я нашел к тому, что я пытаюсь сделать, это: http://damiencorrell.com/, за исключением того, что я пытаюсь заставить фон исчезать до 20%.Спасибо за помощь!

Answer 1

попробуйте что-то вроде этого:

// change yourimage for your "#imageid" or ".imageclass"
$('yourimage').hover(function(){
  // fade to 0.2 ( 20% ) in 300ms
  $(this).fadeTo(300, 0.2);
}, function(){
  // restore opacity to 1 im 300ms
  $(this).fadeTo(300, 1);
});