Как сделать такой эффект смены фона?
Это несколько блоков, идущих друг за другом с верху в низ, например:<div> … </div>
<div> … </div>
<div> … </div>
Для каждого из них установлены в качестве фона разные картинки одинакового размера, которые с помощью CSS растянуты на весь экран и фиксированы по отношению к окну браузера:div {
    background-attachment: fixed;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url('http://...');
}
Нажмите на том сайте F12 - вот вам готовый пример.