Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 23.09.2019, 15:34
Новичок на форуме
Отправить личное сообщение для Тёма Посмотреть профиль Найти все сообщения от Тёма
 
Регистрация: 23.09.2019
Сообщений: 1

Исчезание картинки на заданное время по клику
народ, выручайте.
хочу запилить "галерею" где при нажатии на конкретное фото оно исчезнет на условные 10 секунд, а под ним появится нужный текст ..
Ответить с цитированием
  #2 (permalink)  
Старый 23.09.2019, 18:23
Профессор
Отправить личное сообщение для Dilettante_Pro Посмотреть профиль Найти все сообщения от Dilettante_Pro
 
Регистрация: 27.11.2015
Сообщений: 2,899

<div style="width:50px;height:50px;border:1px solid black">
   <img src = "https://javascript.ru/cat/list/donkey.gif" style = "display:block">
   <span style = "display:none">Не трогай!</span>
</div>
<script>
document.querySelector("img").addEventListener("click", function(e) {
  var that = this, next = this.nextElementSibling;
  that.style.display = "none";
  next.style.display = "block";
  setTimeout(function() {
       next.style.display = "none";
       that.style.display = "block";
  },1000);
});
</script>
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Увелечение картинки по клику Otvertka12335 Элементы интерфейса 3 05.01.2018 19:03
Что-то не работает: смена картинки по клику. pro_moscow Элементы интерфейса 4 05.08.2016 05:01
автоматическое нажатие кнопки "отправить" в заданное время Ben Opera, Safari и др. 0 16.06.2014 17:53
Position fixed, но динамический по оси ОХ tvixa Элементы интерфейса 4 09.09.2013 15:39
получить адрес картинки по клику saxap Общие вопросы Javascript 3 13.11.2012 12:32