Сейчас узнаем, какой подарок выпадет именно Вам
Крутите колесо
Ура, вы выиграли!
Ваш приз:
Годовой доступ
к видео на mo-ti -20%
по промокоду T19RAY
Промокод действителен 3 дня

Оформить доступ с промокодом
100

Как сделать увеличение фото по клику в галерее GL20 в Tilda

Как выполнили данный пример:
1. Создали блок GL20 на 5 фотографий
2. Добавили скрипт на страницу
Скрипт вставляется в блок ДРУГОЕ►Т123

В скрипте прописали ссылки на фото для увеличения по порядку следования в галерее. Ссылки нужно будет изменить на свои

<script>

  $('.t604 .t-slds__bgimg:eq(0)').attr({
  'data-zoomable': 'yes',
  'data-zoom-target': '0',
  'data-img-zoom-url': 'https://clck.ru/Ehze9'
});

  $('.t604 .t-slds__bgimg:eq(1)').attr({
  'data-zoomable': 'yes',
  'data-zoom-target': '1',
  'data-img-zoom-url': 'https://clck.ru/EhzeQ'
});

  $('.t604 .t-slds__bgimg:eq(2)').attr({
  'data-zoomable': 'yes',
  'data-zoom-target': '2',
  'data-img-zoom-url': 'https://clck.ru/Ehzgd'
});

  $('.t604 .t-slds__bgimg:eq(3)').attr({
  'data-zoomable': 'yes',
  'data-zoom-target': '3',
  'data-img-zoom-url': 'https://clck.ru/Ehzh3'
});

  $('.t604 .t-slds__bgimg:eq(4)').attr({
  'data-zoomable': 'yes',
  'data-zoom-target': '4',
  'data-img-zoom-url': 'https://clck.ru/EhzhS'
}); 

    
</script>
Made on
Tilda