使用jQuery的图库

时间:2013-01-14 15:35:22

标签: jquery html gallery

我有以下问题必须使图像库在一段延迟后更改图片,但用户也可以选择在字段中输入其他延迟并通过按钮设置新的延迟。我设法用默认延迟的画廊做第1部分但是遇到问题的第二部分必须从字段中获取新数据并设置为按钮。这是一些代码

<script>
   $(function(){
       $('.fadein img:gt(0)').hide();
    var speed="200";//Slide show speed
       setInterval(function(){$('.fadein :first-child').fadeOut().next('img').fadeIn().end().appendTo('.fadein');}, speed);
   });
</script>



<script>
   $(function delay()
   {
      document.getElementById("delay").value=document.setElementById("var speed").value;
   }
</script>

<button id="slide" type="button" onclick="setdelay()">Click Me!</button>
<input type="delay" id="delay">

1 个答案:

答案 0 :(得分:0)

我猜你需要这样的东西:

<script>
   $(function delay()
   {
      speed = document.getElementById("delay").value;
      setInterval(function(){$('.fadein :first-child').fadeOut().next('img').fadeIn().end().appendTo('.fadein');}, speed);
   }
</script>