Как я могу продолжить показ слайдов jQuery после нажатия на ссылки на другие страницы? - PullRequest
Новая
       39

Как я могу продолжить показ слайдов jQuery после нажатия на ссылки на другие страницы?

0 голосов
/ 21 февраля 2019


Я наконец-то понял, как сделать фоновое слайд-шоу работающим, но теперь я хочу, чтобы он без проблем переходил к другим подстраницам моего веб-сайта (например, щелкая ссылку в меню навигации).Был бы очень рад, если бы кто-то там, кто мог бы помочь мне узнать, как заставить это работать.Я абсолютный новичок, когда дело доходит до jQuery, поэтому было бы здорово не оставлять шаги, которые должны стать привычными для более опытных пользователей.Заранее спасибо !!

Вот соответствующий код: 

$(document).ready(function() {

    var backgrounds = [
        'images/arcs.jpg',
        'images/grass.jpg',
        'images/moon.jpg',
        'images/exterior.jpg',
    ];


    var imgIdx = 0;
    function swapBackgrounds() {
        if(++imgIdx >= backgrounds.length) {
          imgIdx = 0;
      }
      $('.background').animate({ opacity: 0}, 1500, function() {
          $('.background').css("background-image", "url('" + backgrounds[imgIdx] + "')").animate({opacity: 1},1500);
      })
    }

    setInterval(swapBackgrounds, 10000);

  });

Вот CSS: 

body {
  background-size: cover;
  background-color: #ffffff;
  }

.background {
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background: url('images/arcs.jpg');
  background-size: cover;
  background-attachment: center;
  z-index: -1;
}
...