图像悬停时的取消滑块

Unslider on Image Hover

本文关键字:取消 悬停 图像      更新时间:2023-09-26

我在我的网站上使用了 unslider, jquery 轻滑块,它正在工作,但我可以将插件保持在图像中吗?

我已经尝试过这些但不起作用:

$(function() {
    $('.banner').unslider({
        autoplay:false;
    });
});
$("#banner").hover(function(){
    if($('#banner').autoplay('false')){
        autoplay : true;
    }, function (){
        autoplay: false;
    }
});

您的用法很奇怪,我猜您可能希望在将鼠标悬停在横幅上时暂时停止滑动。查看了 unslider 的文档后,我想您可能会对以下代码片段进行测试:

$(function() {
    var slidey = $('.banner').unslider({}),
        data = slidey.data('unslider');
    // I don't really know the relationship of $('.banner') and $('#banner') in your HTML code. 
    $('.banner').hover(
        function() {
            data.stop();
        },
        function() {
            data.start();
        }
    );
});