Question

我不知道究竟是怎么调用的（Image-timer ???我不确定），但这里有功能。

假设我有一个div，我需要在循环中显示一组图像，一次一个（例如每5秒）。最重要的是，我想要一些效果，例如当图像替换另一个时淡出。

有人可以指向我这样做的Jquery小部件，或者告诉我是否可以使用JQuery获取它？

感谢您的帮助

Answer 1

听起来你想使用setInterval函数：http://www.w3schools.com/jsref/met_win_setinterval.asp

<html>
<body>

<input type="text" id="clock" />
<script language=javascript>
var int=self.setInterval("clock()",1000);
function clock()
  {
  var d=new Date();
  var t=d.toLocaleTimeString();
  document.getElementById("clock").value=t;
  }
</script>
</form>
<button onclick="int=window.clearInterval(int)">Stop</button>

</body>
</html>

基于此，您可以每隔X秒更改图像的src并执行淡入淡出效果。

Answer 2

您正在寻找幻灯片插件。我使用这个，它包含你要求JQuery Cycle Plugin

的所有内容

Answer 3

尝试使用s3Slider - http://www.serie3.info/s3slider/demonstration.html。它是一个非常光滑的jQuery插件，可以完全满足您的要求。

Answer 4

您可能需要查看此内容：jQuery Cycle Plugin

它可以为您提供十几种效果，允许您指定超时和动画速度。

JQuery：需要一个在一段固定时间后显示新图像的小部件吗？

4 个答案: