ocean-slide-top

The command line app for ocean-ocean-scale-3d-images

Install

$ npm i ocean-scale-3d-images

Features

• 非常漂亮的3D立体照片墙显示效果

Usage

1、js中导入

import 'ocean-scale-3d-images'

2、dom结构

    <div id="screen"></div>

无需设置的css

3、script

<script>
    // 可以适当做延迟加载
    setTimeout(() => {
            // 图片的存放路径
            M3D.init('./images/',
                [
                    // { src: 'role-1.jpg', url: 'http://m.gm99.com', title: '跳转到某个网址', color: '#fff' },
                    { src: 'role-1.jpg' },
                    { src: 'role-2.jpg' },
                    { src: 'role-3.jpg' },
                    { src: 'role-4.jpg' },
                    { src: 'role-5.jpg' }
                ]
            );
        }, 2000)
</script>