使用上一个和下一个按钮更改简单的Javascript Fader

问题描述

对不起，我完全不了解javascript，我尝试搜索查询答案，但是由于代码不同，我不知道如何使用它们。

我有一个简单的javascript推子，它是从别人那里得到的，我想用它在推荐书之间淡出，但我想添加一个左右按钮，以便我可以在自动定时器之前前进或后退。

我尝试添加带有功能名称的按钮，但是那没有用，我确实想知道是否是由于延迟造成的，所以我复制了下一个功能，称其为“ skip”并删除了延迟，并将其添加到按钮，但这也没用。

Javascipt不是我的强项，也不知道如何进行更改以获取上一个和下一个箭头。实际的淡入淡出效果很好，因此我只需要添加按钮即可。

这是JavaScript：

<script type="application/javascript">
  $(function(){
      var items = (Math.floor(Math.random() * ($('#testimonial_slider p').length)));
      $('#testimonial_slider p').hide().eq(items).show();
      
    function next(){
          $('#testimonial_slider p:visible').delay(5000).fadeOut('slow',function(){
              $(this).appendTo('#testimonial_slider');
              $('#testimonial_slider p:first').fadeIn('slow',next);
      });
     }
    next();
  });
</script>

和HTML

<div id="testimonial_slider" class="g8-col-testright">
<p>
  Lorem ipsum dolor sit amet,consectetur adipiscing elit. 
  Nullam nec augue aliquam felis vestibulum convallis. 
  Maecenas posuere velit vel placerat convallis. 
  Aliquam pretium mi ipsum,sit amet placerat sapien sollicitudin sed. 
  In orci massa,varius id est et,feugiat euismod urna. 
  Donec in enim ut augue viverra pretium et eget mi.
  <br />
  <br />
  <strong>- Lorem Ipsum</strong>
</p>

<p>
  Lorem ipsum dolor sit amet,feugiat euismod urna. 
  Donec in enim ut augue viverra pretium et eget mi.
  <br />
  <br />
  <strong>- Lorem Ipsum</strong>
</p>
</div>

<button onclick="next()">Next</button>

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）