只是无法使图像滑块水平

Question

我只是JS的傻瓜，我做了很多研究，以使图像滑块水平滑动。 但它从来没有奏效。 这是到JsFiddle的链接。

这是JS代码：

$(function(){
    $('#slider li').hide().filter(':first').show();
    setInterval(slideshow, 3000);
});


function slideshow() {
    $('#slider li:first').slideToggle('slow').next().slideToggle('slow').end().appendTo('#slider');
}

Answer 1

试试这个小提琴： http : //jsfiddle.net/blocknotes/e13wuo6d/13/

$('#slider li:first').animate({width: 'toggle'}).next().animate({width: 'toggle'}).end().appendTo('#slider');

Answer 2

您可以使用.toggle（'slide'）而不是slideToggle（）来达到这样的效果

function slideshow() {
    $('#slider li:first').toggle('slide').next().toggle('slide').end().appendTo('#slider');
}

演示