вывод картинки при вводе в input определенного слова
Доброго времени суток! Потребность такая изображена статическая картинка персонажа в поле input вводим слово к примеру (бег) после на странички сменяется ряд изображений с разными id получается анимация затем возвращаться 1 картинка. есть идеи по реализации? я не давно учу язык по этому придумать толком не могу. Была идея но тоже не знаю как реализовать уже сутки с этой проблемой ковыряюсь. jQuery('input').change(function() |
kennycorm, сменяй на анимированную гифку
|
actions={ 'бег':'beg', 'прыг':'pryg', 'ход':'hod', 'зырк':'zyrk', }; function animate(e){ if(this.value in actions) image.src='/where/your/images/are/'+actions[this.value]+'.gif'; } input.addEventListener('change',animate); Как видишь все очень просто если во все гифки воткнуть последним кадром кадр по умолчанию и включить одноразовое проигрывание. ЗЫ, правда что будет после того как гифка закешируется - хз. |
Спасибо большое теперь будет сдвиг с места! очень помогли. Сегодня приеду с работы буду пробывать
|
Часовой пояс GMT +3, время: 13:29. |