Сделать адаптивную страницу с 1 фото и 2 кнопками и с JS отправкой запросов

  • Опубликовано 2 года назад
  • Просмотры 3
  • Закончить проект

Описание

Требуется сделать HTML страницу с 1 изображением и двумя кнопками
На мобилах должно быть на весь экран (во всю ширину),а в ПК браузере по центру экрана, так чтоб всё помещалось в видимой области экрана
Т.е. открыл страницу на ПК или мобиле и всё сразу на экране (картинка и кнопки),всё видно, всё доступно для клика (ну нужно увеличивать или уменьшать масштаб)

Логика работы:
В коде страницы разместить список ID от 1 до 100 (могут быть любые числа и разное количество)
При клике по одной из кнопок – должно показываться следующее фото и отправляться POST запрос на php файл (ID и какая кнопка нажата)

ID анкеты и название фото будут совпадать – т.е. у нас есть ID "1" и фото "1.jpg"
Нажимаем на кнопку – на сервер отправляется запрос с ID=1 и параметром, какая кнопка нажата

Пример на скрине, исходный размер изображений 640*800

Опубликовано 2 года назад