Как превратить статическое изображение фона в блоггер в слайд-шоу изображений?

Question

У моего мужа есть блоггерский адаптивный фотографический сайт со статичным фоновым изображением с названием сайта и дополнительной кнопкой на нем. Он хотел бы заменить изображение простым слайд-шоу с автоматическим воспроизведением макс. 10 изображений. Нет необходимости в кроссфейде, кнопках управления или чем-то еще, просто 10 изображений меняются автоматически. Код выглядит сейчас так:

<div class='pointnbt-1'/>

<div class='home-intronbt' style='background-image: url( )'>

<div class='home-intro-insidenbt'>
  <h1 class='light-textnbt'>SITE TITLE</h1>
  <a class='scroll-downnbt dark-textnbt' style='background-color: #ffffff'>MORE</a>
</div>

</div>

<div class='spacenbt'/>

Может ли кто-нибудь дать мне советы по превращению изображения в слайд-шоу?

Answer 1

На этот вопрос уже был дан ответ. Вот как это сделать в блоггере.

Вставьте приведенный ниже код выше </body>в вашем шаблоне блоггера. Замените URL ИЗОБРАЖЕНИЯ в коде на ваши URL изображения

<script type="text/javascript">
  var images = new Array('IMAGE 1 URL', 'IMAGE 2 URL', 'IMAGE 3 URL');
  var nextimage = 0;
  doSlideshow();

  function doSlideshow() {
    if (nextimage >= images.length) {
      nextimage = 0;
    }
    $('.home-intronbt')
      .css('background-image', 'url("' + images[nextimage++] + '")')
      .fadeIn(500, function() {
        setTimeout(doSlideshow, 1000);
      });
  } < script >