Задать вопрос
@chernikov_v
javascript

Как с помощью PHP/JS сверстать галерею изображений?

Нужно сверстать страницу галереи изображений. Примеры того, как она должна выглядеть, ниже.
Google поиск по изображениям
5f7d65d5e2b04b80948b4861548f8c3a.PNG
Яндекс поиск по картинкам
c24806e517824acca16c2e648a3ffac5.PNG
Вконтакте, запись на стене
a25d3368a2d84e02ae5c56afef77ba34.PNG

Какие есть способы реализовать задачу?
  • Вопрос задан
  • 2859 просмотров
Комментировать
Подписаться 8 Оценить Комментировать
Решения вопроса 1
@chekhovrussia
Flexbox: здесь и здесь.
Ответ написан
Комментировать
Комментировать
Пригласить эксперта
Ответы на вопрос 3
0neS
@0neS
В яндекс.картинках, например, у всех блоков ширина рассчитывается и задается фиксировано, чтобы высота была одинаковой.
А вообще, вопрос не корректен.
Ответ написан
Комментировать
Комментировать
@chernikov_v Автор вопроса
Благодарю, пусть будет Flexbox.
Ответ написан
Комментировать
Комментировать
BASSON_XVI
@BASSON_XVI
Иногда балуюсь, раньше программировал.
Собственно гугл помогает!
А вот статья по адаптивной галлерее на хабре!
habrahabr.ru/post/159087
или вот еще designandcode.ru/blog/google-grid-gallery
Ответ написан
Комментировать
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы
Вакансии с Хабр Карьеры
JavaScript FullStack разработчик
Rocket • Смоленск
от 80 000 до 130 000 ₽
Frontend-разработчик JavaScript
div. • Ставрополь
от 40 000 до 90 000 ₽
JavaScript FullStack developer
Wanted. • Санкт-Петербург
До 220 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Телеграм бот для автоматизации генерации текста с ChatGPT-o1
18 дек. 2024, в 15:28
5000 руб./за проект
Настройка контекстной рекламы для семейного центра в Новороссийске
18 дек. 2024, в 15:24
300000 руб./за проект
Юзабилити-тестирование сайта с мобильного — сегодня в 16:00 по МСК
18 дек. 2024, в 15:08
300 руб./за проект
Ещё заказы