Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #11 (permalink)  
Старый 23.02.2017, 01:43
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,064

Борис К,
<head>
  <title>Untitled</title>
  <meta charset="utf-8">
  <style type="text/css">
   .active{
     border: 5px #0000FF solid;
   }
   .hide{
     display: none;
   }

  </style>
</head>
<body>

<table id="content">
<tr>
<td><img src="https://www.toptal.com/designers/subtlepatterns/patterns/congruent_outline.png" width="150"></td><td><img src="https://encrypted-tbn2.gstatic.com/images?q=tbn:ANd9GcSt_IzMTuDrclTeTYtP0QHnsjQaua7lhdlPwCxjW_sEnFLJlmWL" width="150"></td>
</tr>
<tr>
<td><img src="https://encrypted-tbn2.gstatic.com/images?q=tbn:ANd9GcSt_IzMTuDrclTeTYtP0QHnsjQaua7lhdlPwCxjW_sEnFLJlmWL" width="150"></td><td><img src="https://www.toptal.com/designers/subtlepatterns/patterns/congruent_outline.png" width="150"></td>
</tr>
</table>
<script>
window.addEventListener("DOMContentLoaded", function() {
    var content = document.querySelector("#content"),
        a;
    content.addEventListener("click", function(event) {
        var img = event.target;
        if ("IMG" == img.tagName)
        if (!a) {
                a = img;
                img.classList.add("active")
            }
        else if (a != img && a.src == img.src) {
            img.classList.add("hide");
            a.classList.add("hide");
            a.classList.remove("active");
            a = null
            }
        else {
            a.classList.remove("active");
            a = img;
            img.classList.add("active")
        }
    })
});
</script>

</body>
Ответить с цитированием
  #12 (permalink)  
Старый 23.02.2017, 16:46
Кандидат Javascript-наук
Отправить личное сообщение для Борис К Посмотреть профиль Найти все сообщения от Борис К
 
Регистрация: 22.02.2017
Сообщений: 145

Профессор Рони... Учитель!
Огромное спасибо за помощь!!! Обещаю изучать JS с мыслями о Вас...
Вы - настоящий Мужчина! Не знаю где Вы живёте, но сегодня 23 февраля... с Праздником Вас!!!
А мне это лучший подарок от Высокопрофессионального Незнакомца в завтрашний ДР...
Искренне желаю Вам Успехов и Побед во всех начинаниях!
С Уважением,
Борис К.

Последний раз редактировалось Борис К, 23.02.2017 в 23:29.
Ответить с цитированием
Ответ



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

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


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Запись выбора изображений и отправка ссылки на почту Alekseyideas Элементы интерфейса 20 19.10.2016 14:33
jquery-gp-gallery.js - разное отображение подгружаемых изображений frutality jQuery 1 09.09.2012 18:15
Повременная смена изображений jozev Элементы интерфейса 2 01.08.2011 18:43
Прокрутка изображений gen552 Элементы интерфейса 6 01.04.2011 13:11
Скролл мини изображений I-Trap Элементы интерфейса 1 25.11.2009 22:03