1. Уважаемые пользователи, прежде чем ответить в теме или создать новую, внимательно ознакомьтесь с Правилами раздела
    Скрыть объявление

[Помогите] Как называется этот эффект

Тема в разделе "Вёрстка (HTML, CSS)", создана пользователем Xanderly, 28 июн 2018.

  1. Xanderly

    Xanderly

    Регистрация:
    3 май 2018
    Сообщения:
    15
    Симпатии:
    0
    http://prntscr.com/k0h1ag Как называется этот эффект и как его на чистом css и js реализовать, чтобы 1 из 4 маленьких картинок по клику на них увеличивались?
     
  2. Dotrox

    Dotrox Команда форума

    Регистрация:
    27 ноя 2012
    Сообщения:
    3.198
    Симпатии:
    1.306
    Если я правильно понял о чём вы, то никакого эффекта нет (и названия, соответственно, тоже), есть просто подстановка изображений.
    Делается очень просто: оборачиваете маленькие изображения в ссылки, где в href прописан адрес большого изображения и по клику на такую ссылку берёте из неё href и подставляете в src тега img, который выводит большое изображение.
     
  3. Xanderly

    Xanderly

    Регистрация:
    3 май 2018
    Сообщения:
    15
    Симпатии:
    0
    а как на чистом js это можно реализовать?
     
  4. Dotrox

    Dotrox Команда форума

    Регистрация:
    27 ноя 2012
    Сообщения:
    3.198
    Симпатии:
    1.306
    Совсем чистом? Даже без jQuery?
     
  5. Xanderly

    Xanderly

    Регистрация:
    3 май 2018
    Сообщения:
    15
    Симпатии:
    0
    желательно, да. пример кода, если не сложно, сможете дать?
     
  6. Dotrox

    Dotrox Команда форума

    Регистрация:
    27 ноя 2012
    Сообщения:
    3.198
    Симпатии:
    1.306
    Без jQuery не смогу, ибо это мазохизм!
    А на jQuery так:
    Код:
    var $big_img = $('img#big_img');
    $('a.small_img').on('click', function(e){
        e.preventDefault();
        $big_img.attr('src', $(this).attr('href'));
    });