Показать сообщение отдельно
  #3 (permalink)  
Старый 22.01.2017, 03:25
Новичок на форуме
Отправить личное сообщение для REDiRECT72 Посмотреть профиль Найти все сообщения от REDiRECT72
 
Регистрация: 29.12.2016
Сообщений: 5

Благодарю за быстрый ответ! Решение почти верное, но ошибка моя, не упомянул некоторые условия. Опишу принцип действия, имеется список картинок в модальном окне, само окно вызывается по щелчку на основную картинку. При клике на картинку из списка она становится активной (присваивается дополнительный класс с рамкой - например "active") и её ссылка на изображение копируется на место основного изображения.
Получается, что Ваш вариант работает только с единичным элементом, но если их несколько? Так же обратил внимание, что при быстром двойном нажатии скрипт не успевает обрабатываться и срабатывает только один раз.

Структура примерно такая:

<script type="text/javascript">
    function l_image (b,a) { document.getElementById(b).src=a; }
</script>

<img src="img_1.png" id="layer_1"></br>
<img src="img_2.png" id="layer_2"></br>

<a href="javascript:l_image('layer_1','img_1.png')">red</a>
<a href="javascript:l_image('layer_1','img_2.png')">green</a>
<a href="javascript:l_image('layer_1','img_3.png')">blue</a>

<a href="javascript:l_image('layer_2','img_2.png')">magenta</a>
<a href="javascript:l_image('layer_2','img_3.png')">yellow</a>
<a href="javascript:l_image('layer_2','img_4.png')">black</a>

Последний раз редактировалось REDiRECT72, 22.01.2017 в 03:28.
Ответить с цитированием