Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 06.08.2018, 15:55
Интересующийся
Отправить личное сообщение для Владислав Star Посмотреть профиль Найти все сообщения от Владислав Star
 
Регистрация: 04.05.2018
Сообщений: 22

Кнопка js которая меняет фон блока
Здравствуйте, задался вопросом как сделать одну кнопку которая поочередно меняет фон(картинка png) блока, тоесть по умолчанию стоит один фон, при нажатии меняеться на другой, при следующем на след , и так 10 раз, помогите написать скрипт, буду благодарен
Ответить с цитированием
  #2 (permalink)  
Старый 06.08.2018, 16:50
Профессор
Отправить личное сообщение для Nexus Посмотреть профиль Найти все сообщения от Nexus
 
Регистрация: 04.12.2012
Сообщений: 3,706

<button type="button" id="change-wallpaper">Change wallpaper</button>
<script>
    (function() {
        const wallpapers = [
            'https://www.cats.org.uk/uploads/images/featurebox_sidebar_kids/grief-and-loss.jpg',
            'https://3c1703fe8d.site.internapcdn.net/newman/gfx/news/hires/2017/docatspurrwh.jpg'
        ];
        let current = -1;
        document.querySelector('#change-wallpaper').addEventListener('click', function() {
            if (!wallpapers[++current])
                current = 0;

            document.body.style.backgroundImage = 'url(' + wallpapers[current] + ')';
        });
    })();
</script>
Ответить с цитированием
  #3 (permalink)  
Старый 06.08.2018, 17:29
Интересующийся
Отправить личное сообщение для Владислав Star Посмотреть профиль Найти все сообщения от Владислав Star
 
Регистрация: 04.05.2018
Сообщений: 22

Большое спасибо, но можна так что бы div менял фон, а не body
Ответить с цитированием
  #4 (permalink)  
Старый 06.08.2018, 17:34
Аватар для j0hnik
Профессор
Отправить личное сообщение для j0hnik Посмотреть профиль Найти все сообщения от j0hnik
 
Регистрация: 01.12.2016
Сообщений: 3,650

замените document.body на document.querySelector('div')
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
При клике на кнопку фон блока должен менять цвет Taylor jQuery 3 27.12.2015 13:50
Как сделать скрытие блока при клике на фон? clb Элементы интерфейса 6 11.06.2013 18:03
Поменять фон CSS + JS devarts Элементы интерфейса 3 24.03.2012 23:52
динамический фон страницы js Learx Events/DOM/Window 1 21.01.2010 18:04
Кнопка, которая изменяет содержимое страницы snowfed Общие вопросы Javascript 5 06.05.2008 19:33