ocean-scale-3d-images
v1.0.1
Published
非常漂亮的3D立体照片墙显示效果
Downloads
3
Readme
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>