jQuery 3D图片旋转插件jR3DCarousel

所属分类：媒体-幻灯片和轮播图,图片展示

39012 383 查看评论 (25)

分享到微信朋友圈

查看演示立即下载

插件描述：jR3DCarousel 是一个响应式3D旋转木马jQuery插件，并且有多种效果可选择。

可互动的360度超炫3D旋转立方体动画特效

响应式完整网站案例+源码

相关插件-幻灯片和轮播图,图片展示

jQuery简单的轮播图

用最简单的最少量的代码完成轮播任务，无缝，无限循环,自适应窗口大小

幻灯片和轮播图

49942 363

图片切换轮播

无数字图片切换

幻灯片和轮播图

42202 356

自制炫酷的图片轮换效果插件

自制炫酷的图片轮换效果响应式，自适应

幻灯片和轮播图

34809 345

jquery实现图片浏览类似qq空间图片查看

利用layer.min.js插件进行实现

幻灯片和轮播图

38766 351

讨论这个项目（25）回答他人问题或分享插件使用方法奖励jQ币评论用户自律公约

JessyTang 0

2018/11/20 15:51:00

铁臂阿童木 0

2018/9/6 17:12:35

戈比老王 0

2017/7/25 16:40:50

能设置整个屏幕的宽度吗？

xiaoqin120

2017/7/25 16:51:36

整个屏幕的宽度要自己输入，我的是 1366x720

$(".jR3DCarouselGallery").jR3DCarousel({
    "width": 1366,
    "height": 720,
    "slideLayout": "fill",
    "animation": "slide3D",
    "animationCurve": "ease",
    "animationDuration": 1250,
    "animationInterval": 971,
    "autoplay": false,
    "navigation": "circles",
    "slides": [
        {
            "src": "images/a1.png"
        },
        {
            "src": "images/a2.png"
        },
        {
            "src": "images/a3.png"
        },
        {
            "src": "images/a4.png"
        },
        {
            "src": "images/a5.png"
        },
        {
            "src": "images/a1.png"
        },
        {
            "src": "images/a2.png"
        },
        {
            "src": "images/a3.png"
        }
    ]
})