360度商品展示html5,360度图片旋转产品预览展示js插件

这是一款360度图片旋转产品预览展示js插件。该360度图片旋转产品预览js插件提供多种控制产品图片旋转的方法，包括自动旋转，通过按钮来控制旋转，通过鼠标拖拽或鼠标移动来控制旋转，通过鼠标滚轮来控制旋转等。

使用方法

在页面中引入pdt360DegViewer.js文件。

HTML结构

使用一个

元素作为旋转产品图片的容器。

CSS样式

添加下面的CSS样式。

#pdtViewer.container {

width: 67%;

height: 450px;

margin: 0 auto;

border: 0.5px solid #eee;

}

#pdtViewer img { padding: 40px 20px; }

@media screen and (max-width:1250px) {

#pdtViewer img { width: 100%; }

}

#pdtViewer .nxt { left: 85%; }

#pdtViewer .prev { left: 12%; }

#pdtViewer button {

position: absolute;

top: 57%;

background: none;

border-radius: 30px;

padding: 0;

font-weight: bold;

font-size: 30px;

width: 50px;

cursor: pointer;

height: 52