jquery - 使用jQuery旋转图像客户端

Question

有没有很好的旋转图片的jQuery插件？寻找稳定的东西。

Answer 1

这看起来相当不错。我没有任何经验。

jquery-旋转

Answer 2

Wilq32.RotateImage

画布 jQuery 插件

Answer 3

如果您可以实施自定义解决方案，它应该可以正常工作。

jQuery代码 -

$(document).ready(function(){
    var count = $('#container-name').children().length;
    var currentcount = 1;
    var firstimg = $('#container-name a:first');
    var nextimg = $('#container-name a.active').next();
    var activeimg = $('#container-name a.active');

    $(firstimg).delay(2500).fadeOut(2500);

    setInterval(function()
    {
        if (count > currentcount) {
            $(nextimg).fadeIn(2000);
            activeimg.removeClass('active');
            nextimg.addClass('active');
            activeimg = $('#container-name a.active');
            nextimg = nextimg.next();
            currentcount = currentcount + 1;
        } 
        else {
           $(firstimg).fadeIn(2500);
            activeimg.removeClass('active');
            activeimg = firstimg;
            activeimg.addClass('active');
            nextimg = firstimg.next();
            currentcount = 1;
        }
    $(activeimg).delay(2000).fadeOut(1000);
    }, 5000);
});

您将需要添加此 CSS 代码来进行转换。

#banners-container a {
    z-index:1;
    display: none;
}

#banners-container a.active {
    z-index: 3;
    display: inline-block;
}

#banners-container a.next {
    z-index: 2;
}

希望这可以帮助。