Создание красивой галереи на сайте (HTML CSS JavaScript)

Uploaded By: Myvideo

Published on

26 Oct 2024

168 views

0

0 votes

0

About Share Download Add to

Все курсы в одном комплекте: Веб-дизайн с нейросетями: В этом уроке мы рассмотрим самый простой и лаконичный способ создания красивой галереи изображений на сайте с перелистыванием. Страница урока: Создание плавающей галереи: Таймкоды: 00:00 Начало урока 00:36 Обзор материалов урока 01:06 Приступаем к созданию всплывающего окна 01:18 Запускаем рабочий сервер для разработки 01:38 Подготовка HTML разметки сайта для попап окна 02:41 Доработка CSS стилей плиток портфолио 03:17 Подключение библиотеки PhotoSwipe 04:48 Настройка параметров JavaScript библиотеки 05:59 Подключение CSS стилей библиотеки 06:43 Обязательные атрибуты в HTML верстке 07:35 Определение размеров изображений в JS 10:22 Дорабатываем HTML код, указывая нужные картинки 11:00 Анимация перелистывания между фотографиями 14:38 Что еще изучить? Телеграм: #programming #webdevelopment #design Спасибо за просмотр видео Создание красивой галереи на сайте (HTML CSS JavaScript)

Share with your friends

Link:

Embed:

<iframe width="640" height="360" src="//myvideo.cc/embed/MmlYSE9iUW5lWHd3Vk12WUViWFJKbnpNUkFxRk1JQVdhdTBzNGtkYUZDUT0" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>

Video Size:

Custom size:

x

Autoplay video

Hide player controls

Hide resume playing

Add to Playlist:

Favorites

My Playlist

Watch Later

#4 Arduino + лента + микрофон КРУТОИ проект для новичка

20 minutes ago

00:29:10

#4 Arduino + лента + микрофон КРУТОИ проект для новичка

1 37%

Красивые булочки. Способы формирования булочек.

1 hour ago

00:04:38

Красивые булочки. Способы формирования булочек.

1 20%

Пейзаж в Blender с нуля! | Растения в блендер

2 hours ago

00:27:25

Пейзаж в Blender с нуля! | Растения в блендер

1 29%

Создание красивой галереи на сайте (HTML CSS JavaScript)

2 hours ago

00:15:21

Создание красивой галереи на сайте (HTML CSS JavaScript)

168 6%

Цветы из лент/Розы из органзы/ Ribbon Flowers how to make/ Flor de fitas/ Ola ameS DIY

3 hours ago

00:06:55

Цветы из лент/Розы из органзы/ Ribbon Flowers how to make/ Flor de fitas/ Ola ameS DIY

1 67%

2023 г. Осенний бал

4 hours ago

00:01:52

2023 г. Осенний бал

1 63%

ЭКОНОМНОЕ ВЯЗАНИЕ! Красота из остатков пряжи! Мастер-классы для НАЧИНАЮЩИХ

4 hours ago

00:20:39

ЭКОНОМНОЕ ВЯЗАНИЕ! Красота из остатков пряжи! Мастер-классы для НАЧИНАЮЩИХ

1 77%

Наследники первопроходцев. Воркутауголь

4 hours ago

00:00:00

Наследники первопроходцев. Воркутауголь

1 73%

DEMETRIUS | Стрижка Боб Каре в технике Деметриус | Создаём максимальный объём на затылке

5 hours ago

00:05:21

DEMETRIUS | Стрижка Боб Каре в технике Деметриус | Создаём максимальный объём на затылке

1 77%

Тренд!Косынка вязаная спицамиБесплатный мастеркласс Как связать косынку - бандана модный тренд 2024

6 hours ago

00:32:45

Тренд!Косынка вязаная спицамиБесплатный мастеркласс Как связать косынку - бандана модный тренд 2024

1 9%

Красивейшие места мира

7 hours ago

00:00:13

Красивейшие места мира

18 65%

Качалка | Тренажерный зал

7 hours ago

00:00:24

Качалка | Тренажерный зал

317 68%

УЗОР на основе ПРОСТОЙ резинки! ПО КРУГУ!

6 hours ago

00:10:31

УЗОР на основе ПРОСТОЙ резинки! ПО КРУГУ!

943 34%

Весь мир в словах и фотографиях

11 hours ago

00:01:01

Весь мир в словах и фотографиях

7 16%

Мастер класс - Многослойная юбочка

11 hours ago

00:09:58

Мастер класс - Многослойная юбочка

1 35%

Это Безумно Красивая Мелодия, Затрагивающая Самые Сокровенные Уголки Души! Сергей Грищук музыка #143

11 hours ago

11:54:59

Это Безумно Красивая Мелодия, Затрагивающая Самые Сокровенные Уголки Души! Сергей Грищук музыка #143

1 79%

Выпечка к чаю

11 hours ago

00:00:39

Выпечка к чаю

60 85%

Chris de Burgh - The Lady in Red

11 hours ago

00:04:17

Chris de Burgh - The Lady in Red

1 90%

Alcest - cailles De Lune (2010). France. Blackgaze, Post Black Metal.

12 hours ago

00:41:43

Alcest - cailles De Lune (2010). France. Blackgaze, Post Black Metal.

5 8%

Что за сетап Петербургский темный. Вложил 1.5 млн.р в умный стол и компьютер!

12 hours ago

00:04:36

Что за сетап Петербургский темный. Вложил 1.5 млн.р в умный стол и компьютер!

4 47%

Творческий процесс создания очаровательных игрушек из папье-маше Юлией Донсковой piksii_art

12 hours ago

00:02:51

Творческий процесс создания очаровательных игрушек из папье-маше Юлией Донсковой piksii_art

7.5K 14%

MyWatch-Ru Chronotope: новые инновационные часы Антона Суханова

13 hours ago

00:15:46

MyWatch-Ru Chronotope: новые инновационные часы Антона Суханова

7 82%

Актуальные Платья на Осень/Зиму: База и Тренды, С Чем Носить, Где Купить | Best Fall/Winter Dresses

13 hours ago

00:25:42

Актуальные Платья на Осень/Зиму: База и Тренды, С Чем Носить, Где Купить | Best Fall/Winter Dresses

1 9%

Как нарисовать реалистичные пионы красиво. Урок 3. Рисование для начинающих. Цветы маслом. Tutorial

13 hours ago

00:41:49

Как нарисовать реалистичные пионы красиво. Урок 3. Рисование для начинающих. Цветы маслом. Tutorial

1 23%

0 Comments

Guest