Изменить картинку onhover с анимацией jQuery CSS

Question

Привет, я делаю свои собственные социальные кнопки. И я хочу, чтобы это изменилось. Я пробовал:

http://helplogger.blogspot.com/2012/05/create-rollover-image-effect-change.html

Но это не работает. Вот

Fiddle

<a href="#"> 
<img src="http://i.imgur.com/TLGeYXo.png" /> 
</a> 

<a href="#"> 
<img src="http://i.imgur.com/bU0lzac.png" /> 
</a> 

На первом изображении это серый и белый facbook логотип. Я хочу изменить, когда завис в моем втором логотипе, синем эмблеме facebook. Кроме того, как это изменить изображение, можно иметь annimation так:

http://ariannyceleste.com/

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

Answer 1

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

Так что, если у вас есть класс с именем: .NormalImg {- с вашей attributes--} Создать еще один элемент для того же класса, как .NormalImg: парение {--with ваш attributes--}

Надеюсь, что помог