Изменение background через функцию

@Andrey164 · Регистрация: 13.05.2018

Студворк — интернет-сервис помощи студентам

Создаю расширение для браузера на изменение внешнего вида страницы. Требуется создать функцию которая меняет body на картинку url которой надо указывать.

JavaScript
1
$("body, html").css({"background":"#ffffff url(https://url.jpg) /* Нужно изменить эту ссылку на ссылку которую должен ввести пользователь */ no-repeat", "background-size": "cover", "color":"white"});

Много чего пытался сделать все без толку.

@mrtoxas · 13.05.2018, 19:58

Высоту для HTML и BODY не забыли указать?

@Mr_Sergo · 14.05.2018, 12:10

Сообщение от Andrey164

Создаю расширение для браузера

Интересно как вы создаете расширение для браузера не зная элементарного?
Песочница

Кликните здесь для просмотра всего текста

HTML5
1
2
3
4
5
6
<input type="text" placeholder="Вставьте ссылку" id="link">
<input type="button" value="Заменить backGround" id="but">
<br><br>
<div>https://i.artfile.me/wallpaper/24-12-2015/1920x1080/raznoe-kompyuternyj-dizajn-devushka-komp-998958.jpg</div>
<div>http://vs.panterok.net/wp-content/uploads/2017/08/shutterstock_297765020.jpg</div>
<div>http://1minutku.ru/wp-content/uploads/2017/11/26_1897_oboi_remont_2560x1600.jpg</div>

JavaScript
1
2
3
4
5
6
7
$('#but').click(function(){
    var img=new Image(),imgSize=0,link=$('#link').val(); img.src = link;
    img.onload = function(){
        imgSize = this.width;
        if(imgSize>1){ $("body").css({"background":"#ffffff url("+link+") no-repeat", "background-size": "cover", "color":"white"}); }
    };
});

Новые блоги и статьи Все статьи Все блоги /
Доступность команды формы по условию Maks 07.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: сделать доступной кнопку (команда формы "ЗавершитьСписание") при. . .	Уведомление о неверно выбранном значении справочника Maks 06.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "НарядПутевка", разработанного в конфигурации КА2. Задача: уведомлять пользователя, если в документе выбран неверный склад. . .	Установка Qt Creator для C и C++: ставим среду, CMake и MinGW без фреймворка Qt 8Observer8 05.04.2026 Среду разработки Qt Creator можно установить без фреймворка Qt. Есть отдельный репозиторий для этой среды: https:/ / github. com/ qt-creator/ qt-creator, где можно скачать установщик, на вкладке Releases:. . .	AkelPad-скрипты, структуры, и немного лирики.. testuser2 05.04.2026 Такая программа, как AkelPad существует уже давно, и также давно существуют скрипты под нее. Тем не менее, прога живет, периодически что-то не спеша дополняется, улучшается. Что меня в первую очередь. . .
Отображение реквизитов в документе по условию и контроль их заполнения Maks 04.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеСпецтехники", разработанного в конфигурации КА2. Данный документ берёт данные из другого нетипового документа. . .	Фото всей Земли с борта корабля Orion миссии Artemis II kumehtar 04.04.2026 Это первое подобное фото сделанное человеком за 50 лет. Снимок называют новым вариантом легендарной фотографии «The Blue Marble» 1972 года, сделанной с борта корабля «Аполлон-17». Новое фото. . .	Вывод диалогового окна перед закрытием, если документ не проведён Maks 04.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: реализовать программный контроль на предмет проведения документа. . .	Программный контроль заполнения реквизитов табличной части документа Maks 02.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: 1. Реализовать контроль заполнения реквизита. . .

@mrtoxas 3827 / 2677 / 1521 Регистрация: 12.07.2015 Сообщений: 6,672 Записей в блоге: 4
	13.05.2018, 19:58
	Высоту для HTML и BODY не забыли указать? 0