Здравствуйте.
Есть картинка:
<img id="result_pic_six" src="img/hulk_main.jpg" width=100% alt="A">
Картинка появляется если набрать определенное кол-во очков.
Но проявление резкое и смотрится не очень.
Пробовал через opacity и transition но не работает.
Скорее всего из-за этого куска кода.
var hero_six = document.getElementById('result_pic_six');
hero_six.style.display="block";
|
Код:
|
#result_pic_six
display: none |
Как я это понимаю - из-за того что стоит display="block" - картинка появляется сразу же, без всяких задержек.
При этом удалить их нельзя, они необходимы, чтобы код работал.
Как решить проблему?