onmouseover/out задержка смены изображений

222
12 октября 2017, 11:38
<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?

Answer 1

Кажется ответ на ваш вопрос вот тут 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);}); });

READ ALSO
Progressbar и Flask

Progressbar и Flask

Добрый день! Суть вопроса в следующем: Какими методами можно организовать передачу значения ProgressBar из Flask-приложения в зависимости от стадии...

303
ошибка Undefined property: при парсинге JSON в PHP

ошибка Undefined property: при парсинге JSON в PHP

в строке foreach($decoded->data as $data) происходит ошибка Notice: Undefined property: stdClass::$data in Warning: Invalid argument supplied for foreach() почему это происходит? с другим файлом...

340