jQuery / Javascript Slider上一个按钮不起作用

Question

我的上一个按钮出现小问题。 #prev它不起作用它不会滚动回到上一个图像。它滚动到下一个图像。这是我从http://jquery.malsup.com/cycle/int2.html

获取脚本的地方

而且由于某些原因，当我将宽度放入图像时说100％它会消失

此外，您还可以在http://codepen.io/riwakawebsitedesigns/pen/JFgGb

查看我的滑块的实时视图

$('#slider').cycle({ 
fx:     'scrollLeft', 
speed:  'slow', 
timeout: 5000, 
next:   '#next', 
prev:   '#prev'
});

<div class="page-wrapper">
<div class="controller" id="prev">
<i class="fa fa-arrow-left"></i>
</div>
<div id="slider">
<a href=""><img src="http://placehold.it/1280x300"></a>
<a href=""><img src="http://placehold.it/1280x300"></a>
<a href=""><img src="http://placehold.it/1280x300"></a>
</div>  
<div class="controller" id="next">
<i class="fa fa-arrow-right"></i>
</div>
</div>

Answer 1

检查此CodePan

JS

$('#slider').cycle({ 
    fx:     'scrollLeft', 
    speed:  'slow', 
    timeout: 5000, 
    prev:   '#next'
});
$('#slider').cycle({ 
    fx:     'scrollRight', 
    speed:  'slow', 
    timeout: 5000, 
    next:   '#prev', 
});