Начнем с того, что такое адаптивный задний фон!? Адаптивный задний фон – это когда ваш фон растягивается симметрично экрану. Не важно, как этот экран вы собираетесь растягивать либо в выводу, либо в ширину!
Когда я столкнулся с этой темой, то, как очень часто бывает, то ничего простого и очень простого – не нашлось! А если и был код с адаптивным фоном для сайта, то либо это не работало, либо это был код длиной с мою жизнь!
Какой код нам нужен чтобы был адаптивным задний фон!?
Этот код доложен состоять из одной строки, ну или из двух, в края нём случае трех!
Мы уже писали на тему. Как поставить задний фон на сайт и тут был пример!
И я не буду повторять, все, что там было написано о заднем фоне, лишь добавлю, что там и был использован адаптивный задний фон, и там же есть картинка, которая растягивалась адаптивно на задний фон.
Чтобы использовать коды адаптивной картинки на задний фон, вам нужно скачать архив и в файле background.html 7,8,9,10 строчки
Скрипт № 26.1. Смена изображения по времени дня
Скрипт № 26.2. Получить картинку по url
Скрипт № 26.3. Задний фон на сайт
Скрипт № 26.5. Background - простой пример
Скрипт № 26.6. Изменить картинку в JS
Скрипт № 26.7. Выбор фото как в селект и изменить картинку в JS
Скрипт № 26.8. Информация об изображении getimagesize
Скрипт № 26.9. Загрузка фото на сервер
Все скрипты на одной странице
Поддержка граватар