Question

我已经创建了一个html页面，单击“开始”后，它将在特定的几秒钟内自动浏览所有URL。我需要创建主页的帮助，我需要在其中创建要在按开始时导航的所有URL的缩略图。

下面是我的代码

<html>
<head>
    <script src="http://code.jquery.com/jquery-2.1.4.min.js"></script>
    <script>
   var slideInterval;
var urls = ["url1","url2","url3","url4",];
var i = 0;

function loadIframe(url) {
  $('#iframe').attr('src', url);
}

function start() {
loadIframe(urls[i]); 
  if (!slideInterval) { 
    slideInterval = setInterval(function() {
      // update the index
      i = (i + 1) % urls.length;
      loadIframe(urls[i]);
    }, 6000);
  }
}

function stop() {
  if (slideInterval) { 
    clearInterval(slideInterval);
    slideInterval = null;
  }
}

    </script>
</head>
<body>
<button onclick="start()">Start</button>
<button onclick="stop()">Stop</button>
    <iframe id="iframe" height="100%" width="100%"></iframe>
</body>
</html>

需要帮助来创建主页中所有URL的缩略图

0 个答案: