Jquery图像滑块如何自动播放

时间:2015-10-23 14:31:55

标签: jquery slider

我想从我的滑块jquery部分添加一个自动播放。我能做什么?    我有一个下一个&一个上一个按钮,但我想添加一个自动播放,当鼠标悬停在幻灯片自动停止的图像上时

 <script type="text/javascript">
    $(document).ready(function () {
        $('.photo_category').showFeatureText();
        $(".thumbs a").click(function () {
            var imgpath = $(this).attr("href");
            var imgalt = $(this).attr("alt");
            $("#placeholder").attr({
                src: imgpath,
                alt: imgalt
            });
            return false;
        });
    });
    $.fn.showFeatureText = function () {
        return this.each(function () {
            var box = $(this);
            var text = $('span', this);
            text.css({
                display: 'block',
                position: 'absolute',
                top: '0',
                left: '0'
            }).hide();
            box.hover(function () {
                text.slideDown("fast");
            }, function () {
                text.slideUp("fast");
            });
        });`enter code here`
    }
    </script>

1 个答案:

答案 0 :(得分:0)

使用setInterval进行自动播放以及将鼠标悬停在图像上时:

$(document).ready(function(){
    _interval = setInterval("changeSlides", 4000); //Start autoplay

    $('image').hover(function(){
        clearInterval(_interval); //Stop the autoplay
    }, function(){
        _interval = setInterval("changeSlides", 4000); //Start autoplay
    });
});

function changeSlides(){
    //Change slides
}