<a class="image" href="javascript:void(0)">
<img src="img/telephone.png" alt="" onmouseover="this.src='img/telephone-hover.png'" onmouseout="this.src='img/telephone.png'">
</a>
Пример кода еще сырой. Буду переделывать на jQuery. В данном случае происходит резкая смена изображений. Возможно ли как-то создать задержку смены при наведении, как с hover и transition?
Кажется ответ на ваш вопрос вот тут https://stackoverflow.com/questions/18535217/jquery-transit-mouseover (там есть пример)
You create a queue of animations. Remove that queue with the stop() function.
$("#A").mouseover( function() { $("#A").stop().transition({ opacity: '0'}, 500);}); }); $(function() { $("#A").mouseout( function(){ $("#A").stop().transition({ opacity: '1'}, 500);}); });
Апостиль в Лос-Анджелесе без лишних нервов и бумажной волокиты
Основные этапы разработки сайта для стоматологической клиники
Продвижение своими сайтами как стратегия роста и независимости