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

这个问题已经回答here。这是在博客中如何做到这一点。

将以下代码粘贴到博客模板中的</body>上方。使用您的图片网址替换代码中的图片网址

＆＃13;

<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 >

＆＃13;

如何在图片幻灯片中转换博客中的静态图像背景？

1 个答案: