标签: unslider

Unslider JQuery单击"更改幻灯片"

我正在建立我的投资组合网站,并在案例研究页面上有一个Unslider.com画廊.我希望用户能够单击我自己创建的下一个或上一个按钮,并将类名称调用为.next和.prev.这是我的JQuery代码.

jQuery(document).ready(function($) {

    var slider = $('.gallery').unslider({
        autoplay : true,
        arrows : false,
        nav : false,
        animation : 'fade',
    });

    slider.on('unslider.ready', function() {
        $(".prev").click(function() {
            unslider('animate:prev');
        });
    });

    slider.on('unslider.ready', function() {
        $(".next").click(function() {
            unslider('animate:next');
        });
    });

});
Run Code Online (Sandbox Code Playgroud)

我知道Unslider带有下一个和前一个按钮,但我需要自己做这个以达到预期的效果.任何有关代码无效的建议都将受到赞赏.我知道JQuery点击链接到正确的html元素,因为我尝试在单击元素时向函数添加警报并正确显示警报.

谢谢,杰米

javascript jquery jquery-plugins unslider

9
推荐指数
2
解决办法
1108
查看次数

标签 统计

javascript ×1

jquery ×1

jquery-plugins ×1

unslider ×1