Показать сообщение отдельно
  #10 (permalink)  
Старый 19.03.2020, 16:53
Аватар для LADYX
Профессор
Отправить личное сообщение для LADYX Посмотреть профиль Найти все сообщения от LADYX
 
Регистрация: 19.02.2015
Сообщений: 217

[JS]
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

    $('.button').click(function(){
        $('.div').toggleClass('active');
    });

onload = function ()
    {
    var grounds = ['http://www.masini.ro/imagini/galerie/8863/ferrari-599-gtb-fiorano-coupe-2010/ferrari-599-gtb-fiorano-coupe-2010_0_large.jpeg',
                           'https://i.pinimg.com/736x/ad/57/de/ad57de484686d3ea4dd42f4963608f09--ferrari-scuderia-ferrari-f.jpg',
                           'https://www.torquenews.com/sites/default/files/image-1/%5Btitle-raw%5D/maserati_granturismo.jpg'];
    var t = 3;
    var img = document.createElement('active');
 
    setInterval (function (){
       if(!document.querySelector('.active')) return;
       {
       var p = grounds.shift ();
       document.body.appendChild(img).style.backgroundImage = 'url(' + p + ')';
       grounds.push (p);
       }, t * 1000);
}
[/JS]

[CSS]
.div,
.active {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 50%;
  height: 50vh;
  background: url('http://www.masini.ro/imagini/galerie/8863/ferrari-599-gtb-fiorano-coupe-2010/ferrari-599-gtb-fiorano-coupe-2010_0_large.jpeg') center bottom no-repeat;
  background-size: cover;
}
[/CSS]

<button class="button">Кнопка</button>
<div class="div"></div>


рони,
такая у меня конструкция, вот о чем я говорил

ps. что-то я не могу понять, как мне здесь добавить код так, чтобы его можно было запустить, как это делаете вы

Последний раз редактировалось LADYX, 19.03.2020 в 16:56.
Ответить с цитированием