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

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

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

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

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

Похожие вопросы
Вакансии с Хабр Карьеры
Web-разработчик/WordPress программист (Full-stack). В офисе ст. м Ладожская
JustBusiness • Санкт-Петербург
от 130 000 до 150 000 ₽
Верстальщик / фронтендер для браузерного расширения
DevTeam.Space
от 1 000 до 2 000 $
React разработчик
ITK academy • Нижний Новгород
от 50 000 до 90 000 ₽
Ещё вакансии