jQuery EasySlider 1.7，自定义按钮不起作用

Question

So I'm kind of new to jQuery, but I can't see why the "Next" button doesn't work. The "Previous" button works just fine.

Test

You cannot see the previous button here because there's no previous slide, but I have tried with enabling the text option and going to the next slide and it works just fine.

I'm applying the same code to the "next" button, but it just doesn't work. Any idea?

• It's a vertical slide. Click on the little arrow.

Here is the part which doesn't seem to work the way it's supposed to.

<span id="nextBtn"><a href="javascript:void(0);" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('down','','_img/downover.png',1)"><img src="_img/down.png" alt="Browse Down" name="down" width="53" height="35" hspace="130" border="0"></a></span>

This is odd, because the same lines of code for transition to the previous slide works perfectly:

<span id="prevBtn"><a href="javascript:void(0);" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('up','','_img/upover.png',1)"><img src="_img/up.png" alt="Browse Up" hspace="130" name="up" width="53" height="35" border="0"></a></span>

Answer 1

I think you have duplicated buttons, because the script automatically adds "previous" and "next" spans with the desired id.

Try removing your prev/next tags and let the script creating it, or set controlsShow: False

Answer 2

ATTENTION: If anybody still has problem with multiple sliders in vertical mode, just use the 1.5 release. 1.7 seems to have a bug which prevents the buttons from working properly.